Danke für die Hinweise:

Jetzt schauts schon besser aus, nur es ist trotz Anweisung margin:0;padding:0; nicht links am Seitenrand sondern gut 100 Pixel davon entfernt.

FRAGE: Läuft alles unter html5 auch auf allen alten Browser!!!!

.menu ul{margin:0;padding:0;}  
.menu li{list-style-type: none;width:120px; height:40px; border: 1px solid #000; float:left;}  
.menu li:hover{background:#c0c0c0;}  

 <ul class="menu">  
    <li><a href="/foo/">foo</a></li>  
    <li><a href="/bar/">bar</a></li>  
    <li><a href="/baz/">baz</a></li>  
    <li><a href="/qux/">qux</a></li>  
  </ul>