Cita:
Iniciado por mblascog 
Ya he visto porqué la 5ª opción salta a la linea siguiente.
He cambiado el fondo de las opciones, y veo que hay un par de píxeles entre opción y opción.
Tengo que averiguar porqué se crea este espacio, ya que tengo todos los paddings, margins, borders, ... a 0
Ese espacio de 4px se crea cuando usas la propiedad display:inline-block y dejas espacios entre los objetos html que tienen esa propiedad, la solución mas elegante y funcional en todos los navegadores es comentar los espacios en blanco que dejas entre cada item en tu html, de esta manera:
Código HTML:
<li>...</li><!--
--><li>...</li><!--
--><li>...</li><!--
--><li>...</li>
Existen otras soluciones como por ejemplo ponerles un margin-left negativo de -4px pero no lo recomiendan por que "cierto navegador" podría montar tus items unos encimas de otros, bueno, eso de comentar los espacios aunque no tenga sentido sí que funciona ...