jens13: IE6 CSS-Menü-Problem, Workaround gesucht

Beitrag lesen

Hi,
hab ein horizontales CSS-Menü, das sich ausklappt. Leider geht im Internet Explorer 6 gar nix...
Hab schon 2 Tage rumprobiert. Vielleicht kann mir ja jemand helfen...

  
<div id="container" >  
 <ul id="navigation-1">  
  <li><a href="#" title="Account">Account</a>  
     <ul class="navigation-2">  
    <li><a href="logout.php" title="Logout">Logout</a></li>  
    <li><a href="editpw.php" title="Login-Daten">Login-Daten</a></li>  
   </ul>  
  </li>  
 </ul>  
</div>

Und hier mein CSS-Code:

div#container  
 { width:814px; position:absolute; left:50%; margin:0 -408px; background: url(Bilder/bodybg.png); border:1px solid #000000; height:95%;}  
div#bodydiv  
 {padding: 0 0 0 5px; width:809px; position: relative; left:50%;  margin:0 -408px; height:95%; overflow:auto; z-index:1;}  
ul#navigation-1  
 { margin:0; padding:1px 0; list-style:none; width:814px; height:23px; border-top:0px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 10pt  arial,verdana, helvetica; background: url(Bilder/top.png); color:#FFFFFF; text-align:center}  
ul#navigation-1 li  
 { margin:0; padding:0; display:block; float:left; position:relative; width:203px;z-index:1000; }  
ul#navigation-1 li a:link,  
ul#navigation-1 li a:visited  
 { padding:4px 0; display:block; text-align:center; text-decoration:none; color:#ffffff; width:203px; height:15px; }  
ul#navigation-1 li:hover a,  
ul#navigation-1 li a:hover,  
ul#navigation-1 li a:active  
 { padding:4px 0; display:block; text-align:center; text-decoration:none; background: url(Bilder/top2.png); color:#ffffff; width:203px; height:15px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; color:#000000;}  
  
ul#navigation-1 li ul.navigation-2  
 { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:203px; position:absolute; top:23px; left:-1px; border:1px solid #b9121b; border-top:none;}  
ul#navigation-1 li:hover ul.navigation-2  
 { display:block; }  
ul#navigation-1 li ul.navigation-2 li  
 { width:203px; clear:left;}  
ul#navigation-1 li ul.navigation-2 li a:link,  
ul#navigation-1 li ul.navigation-2 li a:visited  
 { clear:left;background: #999999; color:#FFFFFF; padding:4px 0; width:203px; border:none; border-bottom:1px solid #ffffff; position:relative; }  
ul#navigation-1 li ul.navigation-2 li:hover a,  
ul#navigation-1 li ul.navigation-2 li a:active,  
ul#navigation-1 li ul.navigation-2 li a:hover  
 { clear:left; background: #999999 url(Bilder/top2.png); color: #000000; padding:4px 0; width:203px; border:none; border-bottom:1px solid #ffffff; position:relative;}

Vielen Dank im Voraus