Problemas con menu horizontal hecho con display:inside

[feral]

Si colocas la propiedad display: inline; el elemento adquiere la visualizacion de un elemento en linea como si fuera texto normal, y los elementos en linea no pueden variar su altura (height) ajustandose el background al contenido.
Por eso para hacer menus horizontales es bueno que los elementos tengan display: block; asi se pueden ajustar alturas y otras propiedades.
El problema es que los elementos que se visualizan en bloque (block), no fluyen como los elementos en linea sino que por defecto van unos encima de otros en vertical.
Por lo tanto se aplica float a cada elemento para que se "suban" y se queden colocados en horizontal. Por otra parte a todo elemento que se le aplique un float automaticamente se le aplica un comportamiento display: block y aunque pongas directamente en el codigo display:inline; seguira teniendo un comportamiento block ya que todos los elementos flotados son block por huevos.