Problema con un menú

[occiso]

Saludos,

Estoy iniciándome con CSS así que no me regañéis si la solución es muy obvia. He diseñado esta primera web en la que he cogido un menú generado en una web para adaptarlo a mis necesidades. Quiero que se ilumine toda la parte del menú que pertenece a las etiquetas <li>, de hecho si ponéis el cursor encima de las letras se ilumina entero -funciona como toca-, pero en el momento que se posiciona el cursor en una zona del menú sin letras, solo se «ilumina» esa parte. Es más difícil de explicar que de entender si visualizáis la web, lo veréis claro.

En definitiva, lo que quiero conseguir es que, aunque el cursor esté en una parte del menú sin letras, este se ilumine entero especificando la opción que corresponda.

gracias por adelantado.

PD: Si visualizáis algo del código que no sea correcto, aunque no tenga nada que ver con el menú, no tengáis duda en exponerlo.

[Impostor]

Yo creo que no me he enterado.. Tu lo que quieres que cuando se pulse en un "hueco" del menu, se ilumine todo el menu o no se ilumine nada?¿?¿? Mi no entender.

[zerokilled]

tienes varias opciones segun hice la depuracion. quitale el color de fondo de los enlaces, o quitale la propiedad float:left a los enlaces.

[occiso]

Iniciado por Impostor

Yo creo que no me he enterado.. Tu lo que quieres que cuando se pulse en un "hueco" del menu, se ilumine todo el menu o no se ilumine nada?¿?¿? Mi no entender.

A ver, pasa el cursor a lo largo del menú. Si el cursor está encima de texto funciona bien, pero en los espacios sin texto solo queda iluminado ese espacio. Creo que se ve en seguida.

o quitale la propiedad float:left a los enlaces.

¡Efectivamente, quitándole el float:left funciona!, aunque no entiendo muy bien por qué, a ver si lo analizo con más detalle. Gracias.

Por cierto ¿depuraste con firebug?

[zerokilled]

si, con firebug. la razon que funciona sin float es porque float altera el modo de renderizacion. ahora mismo no recuerdo con exactitud como era la norma. creo que es cuando un elemento bloque no tiene dimensiones, float cambia el modo de renderizado como si fuera un inline en el sentido que las dimensiones se ajustan de acuerdo al contenido, a no ser que explicitamente se indique.

en tu caso, los enlaces no tienen dimensiones. quitandole float hace que display:block tome efecto y por ende se renderiza como una linea completa.