Como tienes un ancho fijo en el div, se puede calcular cuánto debe ocupar cada elemento de la lista. Por cierto, en tu código faltaba la etiqueta <ul> para englobar los <li>.
Yo he cogido la calculadora y me sale un ancho del 3.846% para cada uno de los li.
Puedes hacer el cálculo también si lo prefieres dejar en píxeles.
Además he centrado el texto de los li para que el espacio quede mejor repartido.
Seguro que hay otras opciones.
Código CSS:
Ver original#menu {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: 27px;
width: 750px;
}
#menu li {
float: left;
font-size: 23px;
list-style: none outside none;
margin: 0;
}
#menu li {
background: none repeat scroll 0 0 #DDDDDD;
margin: 0;
padding: 0;
text-align: center;
width: 3.846%;
}
#menu ul {
margin: 0;
padding: 0;
}