Menü Ortalama

Şöyle bir sorunum var arkadaşlar. Şimdi bu şekilde aşağıdaki kodlar ile menü oluşturdum fakat ortaya alamıyorum linkleri. Hangi kod ile yapmam lazım?

<div id="menu">
     <li><a href="index.html">Ana Sayfa</a></li>
     <li><a href="hakkimizda.html">Hakkımızda</a></li>
     <li><a href="neler-yapiyoruz.html">Neler Yapıyoruz?</a></li>
     <li><a href="referanslar.html">Referanslar</a></li>
     <li><a href="bize-ulasin.html">Bize Ulaşın</a></li>
</div>

#menu{width:920px; height:50px; background-image:url(../resim/menu-bg.png); margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
#menu li{font-family:Verdana; font-weight:bold; font-size:12px; list-style-type:none; float: left; margin-right:25px; padding-top:15px;
#menu a{text-decoration:none; padding: 10px; background-color:#252525; color:#eeeeee; border-radius:5px;}
#menu a:hover{background-color:#000000; color:#eeeeee;}

Hocam en basitinden center kodunh deneyin zaten denemişsinizdir belki ama ben yinede söylim dedim
Telefondan girdiğim için siteye kodları kontrol edemiyorum ama padding ile de yapabilirsiniz aslıda

@Decanus Hocam bir tane daha divin içine alıp #genel divin margin:0 auto olur mu deneyin isterseniz.

Ekstra bir durum yoksa menu bölümünü aşağıdaki gibi düzenlemeniz işinizi görecektir.

#menu{width:920px; height:50px; background-image:url(../resim/menu-bg.png); margin:10px auto;display:block;}

Teşekkürler ancak sorunu çözmedi.

<LI> taglarını <UL> veya <OL> arasına alırsanız iyi olur. Sabit boyutu olmayan bir nesneyi margin:0 auto; ekleyerek ortalayamazsınız, bunun için javascript'ten yardım almak lazım.

<div id="menu">
     <ul>
          <li><a href="index.html">Ana Sayfa</a></li>
          <li><a href="hakkimizda.html">Hakkımızda</a></li>
          <li><a href="neler-yapiyoruz.html">Neler Yapıyoruz?</a></li>
          <li><a href="referanslar.html">Referanslar</a></li>
          <li><a href="bize-ulasin.html">Bize Ulaşın</a></li>
     </ul>
</div>

#menu{width:920px; height:50px; background-image:url(../resim/menu-bg.png); margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
#menu ul {overflow:hidden;}
#menu ul li{font-family:Verdana; font-weight:bold; font-size:12px; list-style-type:none; float: left; margin-right:25px; padding-top:15px;
#menu a{text-decoration:none; padding: 10px; background-color:#252525; color:#eeeeee; border-radius:5px;}
#menu a:hover{background-color:#000000; color:#eeeeee;}

Böyle deneyin bir de

Yine olmadı yahu çıldırdım.

Bakın burada bir şey yazmıştım.