Problem mit Hover einer eigenen Link-Class

Freak2003
Problembeschreibung:
Also (ausnahmsweise) interpretiert der Ie es so wie ich es will und der Firefox nicht ...
Der Ie ändert mir beim drüberfahren des Links die Farbe des Links, der Firefox belässt es einfach so, wie die Links definiert sind ...

Also, hier mal ein Auszug der relevanten Cssangaben :

Zitat:

.navi, .navi2 {
background-image:url(images/designname/topnavi.gif);
height:25px;
padding-bottom:5px;
}


.navifont a:hover {
color: #D82B28;
}

.navifont a:link, .navifont a:active,.navifont a:visited {
color: #666666;
font-size:11px;
font-family:tahoma,arial;
font-weight:bold;
text-decoration:none;
}


und hier der Link, der nur im Ie richtig "gehovert" wird (was für ein Wort Zunge raus ) und im Firefox einfach so bleibt ...

code:
1:
    <tr><td class="navi2" align="left" width="150px"><span class="navifont"><a href="team.php{$SID_ARG_1ST}">Team</a></span></td></tr>




Ich denke, dass hängt irgendwie mit der Class vom td zusammen, aber wie bzw. wie kann ich das Problem anders lösen ?
KleenMicha
Da sag ich nur Ordnung ist das halbe Leben Augenzwinkern .

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
.navi, .navi2 {
background: url(images/designname/topnavi.gif);
height: 25px;
padding-bottom: 5px;
}

.navifont a:link, .navifont a:active, .navifont a:visited {
color: #666;
font-size: 11px;
font-family: tahoma,arial;
font-weight: bold;
text-decoration:none;
}

.navifont a:hover {
color: #D82B28;
}
Freak2003
Seh ich das richtig und der Fehler lag nur daran, dass ich die .navifont a:hover vor den normalen ".navifont a: ..." definiert habe ?

Auf jeden Fall vielen vielen Dank, denn mit deiner Version klappts anstandslos ... Dankeschön
KleenMicha
Genau dass war dein Problem, bei solchen PseudoKlassen sollte man stehtz die Reihenfolge einhalten:

Hier ein weiterführender Link dazu: klick
Freak2003
Und gleich nochmal ein Dankeschön an dich und zwar diesmal für den Link Augenzwinkern (gleich mal in die Bookmarks hau ... Zunge raus )