*stern: Zeilenumbruch bei <li> Elementen verhindern

Beitrag lesen

floaten oder display:inline

Hi :-)
Ich habe schon im css float:left, aber sobald ich das Browserfenster minimiere, rücken die Listenelemente in die nächste Zeile..
Hier mal was zum sehen:

  
<ul id="menu">  
 <li><a href="blabla.html">Blabla</a></li>  
 <li><a href="blabla2.html" class="aktuell">Blabla2</a></li>  
</ul>

Und das stylesheet:

  
 ul#menu {  
  position: absolute;  
 margin-top: 208px;  
 margin-left: 0px;  
 left:0px;  
 right:0px;  
 height: 43px;  
 list-style-type: none;  
 padding-left: 280px;  
  }  
  
ul#menu li {  
 display: block;  
 float: left;  
 margin: 0 0 0 5px;  
  }  
ul#menu li a {  
 height: 43px;  
 color: #000000;  
 text-decoration: none;  
 display: block;  
 float: left;  
 line-height: 200%;  
 padding: 8px 11px 0;  
 }  
ul#menu li a:hover {  
 color: #ca1313;  
 padding: 5px 11px 0;  
 }  
ul#menu li a.aktuell{  
 color: #ca1313;  
 padding: 5px 11px 0;  
  }