Birde böyle deneyin.



<div class="sablon">
<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>
</div>


<style>
.sablon {width: 960px;margin: auto;text-align: center;overflow: hidden;}
#menu{display:inline-block;height:50px; background-image:url(../resim/menu-bg.png); margin: 10px auto; }
#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;}
</style>