Christian Eyrich: Menü problematisch bei anderer Schriftgröße

Beitrag lesen

Hallo zusammen,

folgendes Konstrukt

<div id="menue">
<a href="index.htm">Home<span> Hier geht es zur Startseite</span></a><br>
<a href="navi/up.htm">Updates<span> &Uuml;bersicht der Updates</span></a>
</div>

welches u.a. durch folgendes CSS gesteuert wird (in der Anwendung natürlich noch schöner gestaltet)

div#menue a span {display: none;}

div#menue a:hover span
{
 display: block;
 position: absolute;
 top: 100pt; left: 0; width: 125px;
}

Die Erläuterung der einzelnen Links wird also unter ihnen angezeigt.
Alles schön und gut. Das Problem ist nun, daß wenn die Schriftgröße vom User verändert (insbesondere erhöht) wird, wird die Erklärung über die Links selbst gepinselt.
Fällt euch dazu eine Lösunge ein? Irgendwas, womit man die Positionierung relativ zum div-Ende oder einem anderen zu definierenden Punkt unterhalb aller Links angeben kann?

Gruß,
Christian