navi im div will nicht in die mitte (Hilfe)

[TheMrTorbi]

Hallo ich habe folgendes Problem undzwar bei mir hängt die navi etwas links und nicht genau in der mitte
ich lerne derzeit noch html und css und bräuchte hilfe
danke schonmal im vorraus

HTML:

<div class="navi">     
   <ul id="nav">   
     <li><a href="index.html">Das Ballonfahren</a></li>  
     <li><a href="news.html">News</a></li>    
     <li><a href="balfahrt.html">Ballonfahrten</a></li>    
     <li><a href="fahrt.html">Ablauf der Fahrt</a></li>     
     <li><a href="unsere.html">Unsere Ballone</a></li>   
     <li><a href="impr.html">Impressum</a></li>       
   </ul>
</div>

CSS:

ul#nav {    list-style:none;    margin: 0 auto; }
ul#nav li a {  color:#000000;  padding:5px 0;  width:150px;  background:#fff;  float:left;  text-align:center;  }
ul#nav  li a:hover {  background:#6700a2;  color:#fff;}
ul#nav  li a:active {  background:#001eff;  color:#fff;}

 

[thuemmy]

Warum packst Du <ul> denn in ein <div>? Entweder Du machst das <div> weg, was meiner Meinung nach sinnvoll wäre, oder Du gibst dem <div> ein margin: 0 auto;

 

[Tronjer]

Sehe ich ähnlich. Außerdem sollte man Elemente nicht aus ihren Elternelementen verschieben.