Sascha: Internet Explorer verschluckt CSS

Beitrag lesen

Ich habe folgendes Problem.

Ich habe ein Menü gebaut, welches rein aus CSS besteht. Im Mozilla hat das auch wunderbar funktioniert. Nur dann im IE (5.0) verschluckt er die CSS anweisungen. Es klappt sich kein Menü mehr auf. Es steht reiner Text da. Worin könnte das Problem liegen?

Hier der Quelltext:

Aus der externen CSS-Datei:

#nav{position: absolute; top: 117px; left: 205px; width: 130px; ; font-size: 12px; margin: 0px; padding: 0px; border: none; z-index:10;}

#nav a{display: none; text-decoration: none;  z-index:10;}

#nav span{margin: 5px 0px; padding: 5px;color: #ffffff;  font-size: 12px; border: none;  z-index:10;}

#nav:hover{border: 1px dashed #ffffff; background: #9a0000;  z-index:10;}

#nav:hover a{display: block; margin: 5px 0px; padding: 0px 5px; color:#ffffff; z-index:10;}

#nav a:hover{color: #000000; background: #9a0000; text-decoration: none; z-index:10;}

#nav:hover span{display: block; padding: 0px 5px; color: #ffffff; background: #9a0000; border-top: 0px dashed #FFFFFF; border-bottom: 0px dashed #FFFFFF; font-size: 12px; z-index:10;}

Hier aus der dazugehörigen HTML-Datei:

<div id="nav">
    <div>Typen</div>
        <a href="logan.html" target="iframe">Logan</a>
 <a href="solenza.html" target="iframe">Solenza</a>
 <a href="pickup.html" target="iframe">Pick up</a>
 <a href="dropside.html" target="iframe">Drop Side</a>
 <a href="doublecab.html" target="iframe">Double Cab</a>
</div>

Vorher hatte ich es mit fixed positioniert. Da hat es alles verschoben. Aber mit absolute müsste es ja gehen. Oder?
Vielen Dank schon mal.