CSS läuft unter FireFox aber nicht unter IE

[bigtail]

Hi,
wenn man mit dem Mauszeiger auf Links geht, soll der Link seine Farbe ändern.
Es funzt unter FireFox wunderbar aber unter IE nicht.

Warum??

A {
    COLOR: #ffffff; 
    BACKGROUND: #000000; 
    TEXT-DECORATION: none;  
    FONT: bold 12px Arial, Verdana
}
A:hover {
    COLOR: #999999;
    BACKGROUND: #000000
}
A:visited {
    COLOR: #ffffff; 
    BACKGROUND: #000000
} 

[Dittboy]

Ich habe jetzt keinen direkten Fehler gefunden, versuch aber mal folgendes: Schreib mal alles klein, und mach auch vor "}" ein ";". Vielleicht leigt's ja daran.

 a { 
	color: #ffffff;  
	background: #000000;  
	text-decoration: none;   
	font: bold 12px Arial, Verdana;
} 
a:hover { 
	color: #999999; 
	background: #000000; 
} 
a:visited { 
	color: #ffffff;  
	background: #000000;
}

Der IE lässt gerne mal falsche sachen durchgehen, und der FF nicht .

EDIT

Der FF lässt gerne mal falsche sachen durchgehen, und der IE nicht .

Mfg
Dittboy

[Spongebob]

Der IE lässt gerne mal falsche sachen durchgehen, und der FF nicht

Im Titel steht aber etwas anderes.

[rewboss]

Noch was:

a:hover muss immer nach a:visited stehen, sonst tritt der Hover-Effekt nicht ein, wenn der Link schon "besucht" ist. Wenn du zum Beispiel die Site im IE ausgiebig getestet hast aber nicht im FF, würde das dies erklären. Stylesheet-Regeln für Links immer in dieser Reihenfolge:

:link
:visited
:active
:hover

[hero-master]

Stylesheet-Regeln für Links immer in dieser Reihenfolge:

:link
:visited
:active
:hover

Nicht ganz

[rewboss]

Stimmt, :active nach :hover wäre sinnvoller. Wichtig ist aber :link zuerst und :hover nach :visited. Und ich sollte mich eigentlich daran gewöhnen, auch :focus zu berücksichtigen...

[bigtail]

:link
:visited
:active
:hover

Das war die Lösung.

Besten Dank.