Distribuir Menu CSS

[hector_he]

Hola.
Tengo un menu css y quisiera que este se distribullera uniformemente ocupando toda la capa horizontalmente...se puede?:

#container{text-align: left; margin: auto; width:840px; height:auto; padding:0px;}
#menu{margin-top: 0px;}
#menu ul, li {list-style-type: none;}
#menu ul {margin: 0;padding: 0;}
#menu li {float: left;}
#menu a {text-decoration: none;background: #F0F7FC;display: block;padding: 3px 10px;text-align: center;}
#menu a:hover {background: #DBEBF6;}

<div id="menu">
<ul>
<li><a href="#">1a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</div>

Devería meterlo todo en otra capa?

Muchas gracias

[marce_str]

y si a "li" le pones "width:210px;" ?

[hector_he]

Si so funciona, pero mi pregunata si por ejemplo yo quiero poner más botones o menos, no tener que dividir y canviar el width...como el % pero que no se salgan de la capa contenedora (ya qu son tiene float...)

Gracias

[marce_str]

mmmm, lo veo dificil, porque los porcentajes siempre varian de acuerdo a la cantidad. Si hay alguna forma la desconozco