Hola mira esto, creo que es lo que quieres.
CSS
Código:
#cabecera ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:25%;
text-align:center;
}
#cabecera ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:25%;
}
#cabecera ul li a {
display:block;
margin:0 0 0 0px;
padding:3px 10px;
background:#ddd;
color:#000;
text-decoration:none;
line-height:1.3em;
border-right: 1px solid #666666;
}
#cabecera ul li a:hover {
background:#369;
color:#fff;
}
#cabecera ul li a.active,
#cabecera ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
html
<div id="cabecera">
<ul>
<li><a href="#">Tab one</a></li>
<li><a href="#" class="active">Tab two</a></li>
<li><a href="#">Tab three</a></li>
<li><a href="#">Tab four</a></li>
</ul>
</div>