usar listas con capas en linea a veces resulta un rollo, puedes usar la alternativa de capas flotantes, prueba y postea si te funciona y es lo que necesitas
:
Código CSS:
Ver original#menu_hor ul,li{
list-style-type: none;
}
#menu_hor{
/*width: 100%;*//*no hace falta, se supone que las capas en bloque ocupan todo el ancho */
height: 35px;
/*text-align: right;*//* esto solo afecta al texto, no a las capas */
margin-top: 10px;
clear: both; /* con esto evito que no flote nada más */
}
#menu_hor ul{
margin:0px;
padding: 0px;
display: block;
height: 35px;
float:right; /* con esto mi lista flotará a la derecha */
}
#menu_hor li{
/*display: inline;*/ /* para que si puedo usar float left */
float:left;
background-color: #58ACFA;
font-size: 15px;
padding:10px;
height:15px;
}
el problema más recurrente resulta cuando la capa que contiene los floats (contenedor) no recupera el alto (height) de lo que contiene, esto se resuelve mediante la
"limpieza de floats", suerte