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