Problem mit underline in Firefox

[bubbi]

hallo,

ich habe ein problem mit einem link (.linksmall) der in firefox immer unterstrichen dargestellt wird, in ie dagegen wie gewünscht ohne. ich habe auch schon !important versucht, allerdings ohne erfolg. woran liegt das, dass firefox alle links unterstrichen darstellt?

Code: Alles auswählen

a:link,a:visited {color:navy;font-size:11px;font-weight:bold;text-decoration:underline;}
a:hover,a:active {color:black;font-size:11px;font-weight:bold;text-decoration:underline;}
.linksmall      {font-size:11px;color:black;font-weight:normal;text-decoration:none;}

danke!

[sejuma]

Wie lautet der zugehörige HTML-Code bzw. gibt es einen Link zur Problemseite?

[bubbi]

z.B. so:

Code: Alles auswählen

<a href="/"><span class="linksmall">Startseite</span></a>

es wird im ie richtig, nämlich ohne underline, dargestellt. im firefox und chrome dagegen falsch. wichtig ist wohl auch noch, dass die farbe des untestrichs von a übernommen wird. der rest ist so, wie es sein soll...

[sejuma]

Versuch's mal so:

Code: Alles auswählen

a.linksmall      {font-size:11px;color:black;font-weight:normal;text-decoration:none;}

Code: Alles auswählen

<a class="linksmall" href="/">Startseite</a>