Hola
kahlo84, que tal.
En realidad, en cuanto a maquetación y hojas de estilos, las soluciones son diversas.
En este caso opté por agregarle un poco de margen a los elementos
<li>.
Cambié esto:
Código CSS:
Ver original#menu ul li {
float: left;
list-style: none;
margin: 0 9px 0 0;
}
y:
Código CSS:
Ver original#menu {
margin: 110px auto 0 auto;
width: 1100px;
}
Coméntame que te parece.
NOTA: Verifica bien que tu diseño se muestre como deseas en distintos navegadores.