Hola DJJJ. Yo creo que la opción de Mikel es efectiva siempre y cuando no se cambie ningun texto en el menú. En dicho caso si superas el ancho 390px se te va a caer el último ítem a la siguiente linea y en caso de ser mas corto se va a ir descentrando.
Yo propondría quitar la flotación izquierda de tus <li> y en su lugar utilizar display: inline; y en vez de centrar con margin: 0 auto el menú #menuh yo el pondría alineación centro. De esta manera todo lo que esté dentro del id "menuh" va a centrarse siempre y cuando no esté flotado o con posición absoluta.
Limpiando un poco el código quedaría:
Cita: body {
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuh {
text-align: center;
}
#menuh li {
display: inline;
margin: 0 -2px;
}
#menuh a {
font-weight: bold;
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
padding: 3px 10px;
border: 1px solid #ACCFE8;
}
#menuh a#primero {
border-left: 1px solid #ACCFE8;
}
#menuh a:hover {
background: #DBEBF6;
}
Pruébalo y me cuentas.
Saludos,
Pablo.