Kuno: float:left-Problem oder Bug?

Beitrag lesen

Habe folgenden Code:

  
<html>  
 <head>  
  <title>Test</title>  
  <style type="text/css">  
   ul {  
    list-style:none;  
    margin:0; padding:0;  
    background:green;  
    overflow:auto;  
   }  
  
   ul li {  
    float:left;  
   }  
  
   ul li a {  
    background:yellow;  
    float:left;  
    padding:1em;  
   }  
  
   ul li a:hover { background:gray; }  
  
  </style>  
 </head>  
 <body>  
  
  <ul>  
   <li><a href="#">Link 1</a></li>  
   <li><a href="#">Link 2</a></li>  
   <li><a href="#">Link 3</a></li>  
  </ul>  
  
 </body>  
</html>  

Problem: Wenn ich im Firefox auf einen der Links klicke erscheint rechts ein Scrollbalken, hervorgerufen durch overflow:auto.
Ich frage mich nun schon seit mehreren Tagen, warum das so ist und wie ich es wegbekomme.

Notiz: Das ganze soll später mal ein horizontales Navigationsmenü werden.