No se si te servira pero esto es mi forma de hacerlo. Meto la lista completa dentro de un div, de forma que el div ocupa todo el ancho del navegador y al ul lo ajusto a un ancho fijo que sera la suma de todos los elementos del menu.
Aqui el html:
Código HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Productos</a></li>
<li><a href="">Contact</a></li>
<li><a href="">label4</a></li>
<li><a href="">label5</a></li>
</ul>
</div>
</body>
</html>
Aqui el css:
Código HTML:
*{
margin: 0;
padding: 0;
}
/* Importante el text-align si quieres que tambien se centre en IE*/
body{
text-align: center;
}
#menu{
background: #000;
}
/*Aqui lo mas importante es fijar un ancho y poner el margin: 0 auto*/
#menu ul{
width: 900px;
height: 43px;
margin: 0 auto;
list-style: none;
background:#FFF;
}
/*Fijar el ancho para cada elemento(900/5=180)
#menu ul li{
float: left;
width: 180px;
line-height: 40px;
background: #FF0000;
}
Espero que esto te sirva de ayuda