Hallo,

Wenn ich (an den 3 für die Breite entscheidenden Stellen) von width:750px auf width:100% gehe, stellt IE6 das horizontale Untermenü vertikal aufgeklappt dar und IE7 und IE8 verrutschen es komplett nach rechts.

Kann mir jemande erklären, warum das so ist und wie ich das vermeiden kann?

Danke und Grüße, Nick

Hier der Codeauszug:

  
/* the styling */  
#nav {float:left; width:750px; height:auto; background:#fff url("dropline/bottom_line.gif") repeat-x bottom; position:relative;}  
...  
#nav .select li a:hover .sub,  
#nav .select li:hover .sub {display:block; position:absolute; width:750px; top:21px; left:0; background:#005984; margin-top:1px; padding:0; z-index:100; border-bottom:20px solid #fff;}  
  
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}  
#nav .sub_active {display:block; position:absolute; width:750px; top:21px; left:0; background:#005984; margin-top:1px; padding:0; z-index:10; color:#000; border-bottom:20px solid #fff;}  

Und hier die komplette Seite

http://www.cssplay.co.uk/menus/doors_drop_line_three.html