Hola emprear, en primer lugar, gracias por tu rapida respuesta.
El tema es que no sé muy bien si solucionas el problema. Lo que haces es designar un valor fijo para cada casilla, pero eso ya está hecho en mi version, es decir:
Tus casillas ocupan cada una 122px, y si no cabe el texto lo sigue abajo (como es el caso de informacion corporativa). En el mio lo que ocurre es que cada casilla ocupa lo que ocupe el texto + padding:5px 22px 7px 22px; así que también se trata de un valor fijo, a su manera...
Lo cierto es que no veo que eso solucione el problema. Seguiré indagando.... por mi parte he hecho un cambio que no sé si resultará aún, y es cambiar
Código:
ul.menu {list-style:none; margin: 0 auto; padding:0px; width: 782px; }
por
Código:
ul.menu {list-style:none; margin: 0 auto; padding:0px; width: 100%; }
Quizás es un poco patillero, pero a ver si resulta... Mientrastanto, a alguien se le ocurre alguna otra solución al problema?
P/D: sí, tengo 3 listas anidadas. Es que el menu era un menu por defecto de una web y preferi no tocarlo demasiado.