Pulldown

[Kuno]

Folgender Code:

  
<ul id="nav">  
   <li><a href="#">Bilder</a>  
      <ul>  
         <li>Bild 1</li>  
         <li>Bild 2</li>  
         <li>Bild 3</li>  
      </ul>  
   </li>  
</ul>  

Nun das CSS dazu:

  
#nav {  
   margin:0;padding:0;  
}  
  
#nav li ul {  
   display:none;  
   position:absolute;  
}  
  
#nav li ul li:hover {  
   display:block;  
}  

Bevor ich mich jetzt mit IE-Kombatibilität beschäftige, gibt es folgendes zu klären:
Wenn ich mit der Maus über das entsprechende <li> fahre, öffnet sich die Pulldown-Liste immer am Linken Rand des Bildschirms. Dies liegt wohl an der "absoluten" positionierung.
Wenn ich es aber weglasse, verzerrt er mir die ganze #nav-Liste di enämlich eine vorgeschriebene Größe einhalten muss.
Gleichzeitig soll sich das pulldown aber direkt vor Ort "unter" dem <li>-Listen-Block öffnen. Es muss also irgendwie über der #nav-Liste "fliegen" bzw über deren Rand hinausgehen.