td.nav a { im IE nicht interpretiert?

[No0oB]

Hallo Leute.
Ich habe auf meiner Seite eine Navigation, bei der man beim drüberfahren weiße Linien im Hintergrund sehen soll. Hierzu verwende ich auch das Attribut display:block, damit man, egal wo man in der td klickt, den Link benutzt.
Im Opera und im FF wird das richtig interpretiert, nur im IE übersieht er wohl die Pseudoklasse nav.
Hier ist mal die Seite
Der Ausschnitt von der CSS Datei:

td.nav a {
display:block;
color:#A70000;
font-weight:bold;
text-align:center;
vertical-align:middle;
line-height:78px;
}
td.nav a:hover{
background-image:url(images/navbg.png);
text-decoration:none;
}

Gibt es eine Browserweiche dafür? Wenn ja welche?

 

[flapo]

Mach mal aus .nav eine ID und definiere es so:
#nav a:hover

 

[No0oB]

Da ich XHTML-Standard benutze ist es nicht valide, da ich diese ID mehr als einmal benutzen müsste. :)

 

[hobbyuser]

Hi No0oB

der IE zickt leider etwas rum bei der Angabe "display:block" für ihn solltest du noch ein Hack einfügen.

*html td.nav a { width:100%; }

Danach sollte der IE es schaffen, dass die gesamte Zelle als Link erkannt wird. ;)

Gruß
Hobbyuser

 

[No0oB]

HMm
vielen dank. Das display:block geht jetzt....
aber das Hintergrundbild wird.... irgendwie... anders dargestellt...

EDIT: Hab auch das mit dem Hintergrund gelöst, lag am .png.
Anscheinend mag der IE transparente .png Dateien nicht. Bei .gif zeigt er es normal an