Zeichen (>>) vor Link bei Mouse over

[molily]

Hallo, Axel,

ich hab eine Problem mit der Gestaltung meines Menüs für meine Homepage.
Ich hab hier verschiedene Links im Menü und ich will das VOR diesen Links bei Mouse Over die zeichen >> erscheinen um anzuzeigen auf welchem link man ist.

.mol {position:relative;}

Wozu ist das nötig...? (Eine reine Frage.)

.mol a {display:block; text-decoration:none; color:#003031; font-family:VERDANA,ARIAL,HELVETICA; font-size:1em;}

Mit display:block würde ich vorsichtig sein, das ist eine mögliche Fehlerquelle. Beispielsweise auf IE5.5 Mac kann das Probleme machen, habe ich mir sagen lassen, vor allem wenn absolute Positionierung dazukommt (position:relative ist auch ein weiterer Faktor).

.mol a .akt {visibility:hidden;}
.mol a:hover .akt {visibility:visible;}

Ich würde es mit Farben lösen, getreu nach keep it simple and stupid.

Mein Vorschlag sähe folgendermaßen aus:
http://home.t-online.de/home/dj5nu/fanhost/css-mouseover-effekte-menue.html

Als Hintergrundfarbe ist jeweils background-color:transparent einzufügen, falls gewünscht; die Farben sind natürlich nur Beispiele...

Grüße,
Mathias