barra de navegacion en css

[pabje]

Hola a Todos

Quisiera sabe como poder arreglar mi barra de navegación creado con css de modo que todos los botones de la barra tengan el mismo tamaño.
El problema es que no lo puedo dejar con el mismo tamaño de ancho a los botones de la bara de navegación.

Codigo html

<div id="navegador">
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="nuestras-bases.html">Nuestras Bases</a></li>
<li><a href="cuatroleyes.html">Cuatro leyes</a></li>
<li><a href="temas.html">Temas</a></li>
<li><a href="noticias.html">Noticias</a></li>
<li><a href="eventos.html">Eventos</a></li>
<li><a href="mu2011.html">MU 2011</a></li>
<li><a href="http://www.vidabaires.com">VECAF</a></li>
</ul>
</div>

codigo css

#navegador{
background:#F5F4C3 url(images/fondonav.gif);
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

#navegador ul{
list-style-type:none;
text-align:center;
}

#navegador li{
display: inline;
text-align: center;
margin: 0 1px 0 0;
}

#navegador li a{
padding: 2px 7px 2px 7px;
color: #666;
background-color: #ffff00;
border:1px solid #ccc;
text-decoration: none;
}

#navegador li a:hover{
background-color: #ff9900;
color: #ffffff;
}

[alexk]

no entiendo ... te contradices un poco pero bueno intenta con...

Código:

#navegador li{
/*display: inline;*/
float:left;
text-align: center;
margin: 0 1px 0 0;
width:120px;/*-por ejemplo-*/
}

[pabje]

Hola

#navegador li{
/*display: inline;*/
float:left;
text-align: center;
margin: 0 1px 0 0;
width:120px;/*-por ejemplo-*/
}

He probado el código de arriba para arreglar mi barra de navegación pero no sale bien.
Los botones de la barra me salen mas separados, y me siguen saliendo los botones con distintos anchos, y además los dos ultimos botones me salen abajo y no en la misma linea que los demás o sea peor que antes.

La pregunta siempre es la misma ¿como puedo arreglar mi barra de navegación de modo que los botones de la barra tengan todos el mismo ancho?

Aclaración: Mi barra de navegación es horizontal.

Gracias.