Michel Klein: Hover effect bei IE8

Beitrag lesen

Hallo zusammen,
ich habe ein Problem mit dem Hover Effekt und dem IE8. Ich habe eine Iconbar gebaut und möchte wenn ich mit der Maus über ein Icon fahre einen Effekt anzeigen! Im FireFox ist dies kein Problem. Sobald ich ich den IE8 nutze passiert einfach rein garnichts. Langsam bin ich mit meinem Latein am Ende ich stell die Frage einfach mal hier rein. Vielleicht hat ja wer eine idee.
Hier meien css datei

 div.hyperlinkEnabled {  
	margin-left: 2px;  
	margin-right: 2px;  
	margin-top: 1px;  
	margin-bottom: 1px;  
	border-width: 1px;  
	border-style: ridge;  
	border-color: transparent;  
	padding: 2px;  
	vertical-align: middle;  
}  
  
div.hyperlinkEnabled:hover {  
	border-left-color: #cccccc;  
	border-top-color: #cccccc;  
	border-right-color: black;  
	border-bottom-color: black;  
}  
  
div.hyperlinkEnabled:ACTIVE {  
	border-right-color: #cccccc;  
	border-bottom-color: #cccccc;  
	border-left-color: black;  
	border-top-color: black;  
} 

Der Effekt ist folgender. Die Icons haben Standardgemäß keinen Rahmen. Sobald ich mit der Maus drüber fahre wird ein Rahmen sichtbar (rechts und unten scharz, oben und links grau) wenn ich dann noch ein Icon anklicke ändert sich die Farbe des Rahmens(rechts und unten grau, oben und links schwarz)

Allerdings funktioniert es nur im Firefox und nciht im IE!!!!