Problema con menu CSS.

[juaniquillo]

Hola a todos. Tengo un problema que por mas vueltas que le doy no puedo resolverlo. Tengo esta página que estoy haciendo:

http://comercioe.net/prueba1.php

En Firefox los submenus se van detrás del contenido, precisamente detrás de un div al cual le he dado overflow auto debido a que usado floats en dos divs internos para crear columnas. Estoy seguro que es el overflow porque cuando se lo quito colopsa la tabla pero se muestra bien el menu.

Lo peor es que no me pasa ni con explorer, ni con opera, ni con safari, así que no se que estoy haciendo mal. He tratado de darle un z-index mayor al sub-menú ya que esta posicionado absoluto, pero no me funciona.

Esta es la información CSS:
http://comercioe.net/styles/style_nuevo.css

Cualquier ayuda sera infinitamente agradecida.

Gracias y saludos.

[Disaigner]

Busca información sobre la propiedad Z-Index, verifica que exista un (div) contenedor y que ambas tablas estén dentro del mismo.

Con lo de Z-Indez te recomiendo que uses Z-Index 2 en el menu y Z-Index 1 en el contenido.

[juaniquillo]

como dije arriba, use el z-index y no me funciono. a lo mejor no coloque la regla a la clase indicada.

[Disaigner]

Hay que estar pendiente del número de nivel que se usa en el z-index, aunque creo que es algo que igual sabes e igual ya has probado.

Saludos.

[juaniquillo]

si.. igual puedes hacer la prueba de darle al z-index un numero exorbitantemente alto para salir de dudas, pero no es eso. Lo peor es que no se por que solo pasa en Firefox ya que ni en explorer, ni en opera, ni en safari me pasa.

[juaniquillo]

Pues al final lo he resuelto quitándole el overflow al div y dándole un display de table, y para IE6 pues el usual width:100%;

Gracias por la ayuda.

[juaniquillo]

Olviden lo de la solución, eso causa más problemas de los que ya tenía. Seguiré buscando una solución.