Aşağıdaki menüyü bir türlü ortalayamadım. witdh değeri %100 olması gerekiyor. sadece menünün içinde bulunan linkler ortalanması gerekiyor.
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
padding-top:130px;
}
.indentmenu ul{
margin: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #FFFFFF; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 10px 10px;
text-decoration: none;
border-right: 1px solid #FFFFFF; /*dark purple divider between menu items*/
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 10px; /*shift text down 1px for selected and active item*/
padding-bottom: 10px; /*shift text down 1px for selected and active item*/
background: black url(../images/blockactive.gif) center center repeat-x;
}<div class="indentmenu">
<ul >
<li><a href="" class="current">Home</a></li>
<li><a href="" >- XXX-</a></li>
<li><a href="">- XXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX-</a></li>
<li><a href="">- XXXXXX -</a></li>
</ul></div>