Hover effect bei IE8

[Michel Klein]

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!!!!

[ChrisB]

Hi,

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!

HTML-Code?
Wie hast du die Icons im Div platziert - als img-Elemente, Hintergrundbilder (welcher Elemente), ...?

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!!!!

Beispielseite?

MfG ChrisB

[Michel Klein]

  
<tbody>  
	<tr>  
		<td align="left" style="vertical-align: middle;">  
			<div class="hyperlinkEnabled" title="New Model">  
				<a>  
					<img/>  
				</a>  
			</div>  
		</td>  
		<td align="left" style="vertical-align: middle;">  
			<div class="hyperlinkDisabled" title="Save Model">  
				<a>  
					<img />  
				</a>  
			</div>  
		</td>  
	</tr>  
</tbody>