arkadaşlar elimdeki css menünü ortalanmasını istiyorum bir kaç kez kendim uğraştım ama ortalıyamadım. anlayana birisi lütfen el atsın.
benim istediğim arka zemin sayfayı komple kaplasın menü linkleri ortalansın.
html kodu
<html>
<head>
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
<div id='cssmenu'>
<ul>
<li class='active '><a href='http://www.***.com'><span>Haber</span></a></li>
<li><a href='http://***.net'><span>Emlak</span></a></li>
<li><a href='http://***.net'><span>Firma Rehberi</span></a></li>
<li><a href='http://***.net'><span>Araba</span></a></li>
<li><a href='http://***.net'><span>2 El Esya</span></a></li>
<li><a href='http://***.net'><span>IS-ELEMAN</span></a></li>
<li><a href='http://***.com'><span>FORUM</span></a></li>
<li><a href='http://***.com'><span>RADYO</span></a></li>
<li><a target="_blank" href='http://***.com/flashchat.php'><span>SOHBET</span></a></li>
<li><a href='http://***.com'><span>DIL KURSU</span></a></li>
<li><a href='http://***.com/iletisim/'><span>ILETISIM</span></a></li>
</ul>
</div>
</head>
</html>
css kodu
#cssmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
text-transform:uppercase;
font-size:12px;
background:transparent url('images/black.jpg') repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
#cssmenu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:8px 15px 0 15px;
height:18px;
height:22px;
}
#cssmenu li a:hover{
background:transparent url('images/blue.jpg') repeat-x top left;
}