CSS-Menü im IE6

[marco12]

Hallo!

Ich habe das ganze Wochenende daran gearbeitet, ein Javascript-Menü auf CSS umzustellen (und die ganze Website gleich mit). Alles funktioniert super im FF und IE7, nur der IE6 will das Menü partout nicht richtig darstellen (wie man sieht sind die oberen Menüebenen, die eigentlich horizontal nebeneinander liegen sollen, untereinander und man kann nicht auf die unteren Ebenen zugreifen)

Kann mir bitte jemand helfen und mir sagen, was man da machen kann?

Hier die Seite: http://www.ffw.uni-tuebingen.de

Vielen Dank

Gruß, -Marco

 

[Paspirgilis]

Meine vermutung liegt im a display block.
Denn block bedeutet doch das der Link dann so breit ist wie die page im IE6 oder?
Probier da mal bissl rum

 

[marco12]

danke für deinen beitrag, aber so ganz passt das noch nicht.

das Problem scheint hier zu liegen: wenn ich den Teil, der in dem hover-Bereich verzeichnet ist, anstelle des "display: none" oben rein setze, wird alles brav an der richtigen Stelle angezeigt (aber nur wenn ich der ersten Menüebene zuvor feste Breiten gegeben habe). Es liegt also am hover in Verbindung mit li. wie lässt sich sowas im ie6 umsetzen. weiß jemand rat?

li ul.menu2 {
display: none;
}

li:hover ul.menu2  {
display: block;
position: absolute;
top: 25px;
left: -1px;
background-color: #D6DCE2;
border: 1px solid #333;
padding: 5px 0 5px 5px;
margin: 0;
list-style-type: none;
}