¿Cómo hacer desplegables grandes para menú?

[Linton]

Me refiero al que podemos ver por ejemplo en la web de Bally, así de entrada...



..y con este desplegable cuando ponemos el cursor en algún <li>. ¿Cómo puedo hacerlo? Gracias, un saludo.

[#!drvy]

Son simples divs que se sobreponen al resto. La clave esta en usar position:absolute; (o fixed) un mayor z-index y un buen posicionamiento (top, left, right).

Saludos

[Linton]

OK, muchas gracias.

[Linton]

Estoy haciendo pruebas con position:relative:

...pero se me desordena el cuadro si pongo aunque sea padding-top:1px al div oculto, que está dentro del <li> de la botonera. Como puede verse, el texto lorem ipsum queda a la misma altura, pero el div que lo contiene sube  ¿Es preferible entonces position:absolute? Gracias, un saludo.

[Linton]

Bueno, creo que ya lo he solucionado: position:relative al menú, y position:relative para los divs internos de los <li>