Hola, lo que sucede es que tienes fijado un ancho de 100px por cada enlace. Tienes dos opciones quitar el ancho y manejarte con padding-left y padding-right para separar a los enlaces uno del otro. O ajustar un ancho inferior a 100px en donde dice "#menu li a " en tu CSS
Opción 1: quité width: 100px y agregué un nuevo valor a padding:
Código CSS:
Ver original#menu li a {
display:block;
padding:1px 15px;
text-decoration:none;
text-align:center;
font-size:11px;
color:#FFFFFF;
background-color: #333;
}
Opción 2: Cambié el valor de width:
Código CSS:
Ver original#menu li a {
display:block;
width:80px;
padding:1px;
text-decoration:none;
text-align:center;
font-size:11px;
color:#FFFFFF;
background-color: #333;
}
Si con 80px de ancho sigue mostrando un salto de línea reduce más hasta que quepa.
Saludos.