Area und CSS - Tooltip in Imagemap mit CSS

[poppaea]

Hallo liebe Forum Gemeinde,
nach langen Stunden des Verzweifelns möchte ich mich an euch wenden.

Ich möchte in meine Imagemap einen Tooltip einbauen, der je nach Hotspot natürlich variiert! Einen fertigen Tooltip habe ich auch schon eingebaut.
Außerhalb der Imagemap funktioniert er tadellos! Testen könnt Ihr ihn auf dem Herzen oberhalb der Imagemap.

Nun möchte ich diesen Effekt gerne auf die anderen Herzen in der Imagemap übertragen. Leider haben alle möglichen Varianten nie funktioniert. Mal steht der Text unterhalb der Imagemap unformattiert, mal erscheint gar nichts.

Bei G**gle habe ich gelesen, dass im Area-Bereich eine Klasse gar nicht akzeptiert werden soll. Stimmt das?

Wenn mein Problem nicht mit dem Area gelöst werden kann, wie könnte
ich sonst mein Ziel erreichen?

(An die Admins: Folgende Links bitte nicht als Spam o.ä. werten)

Hier die Adresse des Problems:
Unbenanntes Dokument

Hier das ganze gezippt zum download:
http://www.gruf-management.de/map.rar

Vielen Dank für eure Hilfe!

Popp

 

[poppaea]

Hab die Lösung:

Hab es mit Position gelöst!
Wichtig dabei:

Die Elemente mit der Eigenschaft Position orientieren sich am Elternelement.
Deswegen einfach ein Elternelement am Besten in DIV Form generieren und bei position:relative; eintragen. Fertig! ;-)