css: hover geht nicht im IE

[kool]

Hallo, habe u.a. folgendes in meinem css-file:

 td.nav_sub {
 background-image: url('../../img/design/nav/bg_sub_a.jpg');
 background-repeat: repeat-x;
 border-bottom: 1px solid #6799CE;
 border-right: 1px solid #6799CE;
 cursor: pointer;
 padding: 3px;
 }

 td.nav_sub:hover {
 background-image: url('../../img/design/nav/bg_sub_b.jpg');
 background-repeat: repeat-x;
 border-bottom: 1px solid #6799CE;
 border-right: 1px solid #6799CE;
 cursor: pointer;
 padding: 3px;
 color: #666666;
 }

Ich habe es im Internet Explorer, Firefox, Netscape und Opera getestet und es funktioniert in allen, außer dem erst genannten (IE). Wie muss man es für den lieben Microsoft Browser coden, damit es auch in diesem funkioniert?

Gruß, Kool

 

[dkdenz]

hover funktioniert beim IE nur bei a-Tags...

 

[bine]

Der IE unterstützt hover nur beim <a Tag

http://www.xs4all.nl/~peterned/csshover.html

 

[kool]

Danke für deine Antwort...

dann muss ich es wohl so machen:

<td class="nav_sub" onmouseover="this.className='nav_sub_mouseover'" onmouseout="this.className='nav_sub'">LINK</td>

Oder gibt es eine elegantere Lösung, die in allen Browsern funktioniert?

Gruß, Kool

 

[dkdenz]

Was konstuierst denn Du?
Willst Du Tabellenzellen als Links benutzen?
Das geht einfacher mit Listen und indem man das a-Tag mit display:block versieht.

 

[kool]

ok, kann damit jetzt nicht soviel anfangen, werd mich aber mal schlau machen. Hab mich noch nie so richtig intensiv, wie ich es vielleicht mal machen sollte, mit css beschäftigt. Daran liegt das

Danke. Gruß, Kool

 

[dkdenz]

Gibt einige Threads darüber hier im Forum...