menu ul no excede su contenedor en IE7

[mayid]

Mi menu funciona ok en IE8 y en Opera 10, al menos. Pero no en IE7.

Ayer noche lo cambie integramente por uno diseñado por Mikmoro. Y el problema persiste.

Esto es el CSS para el contenedor que tengo:

#access {
background:#FFF url(../images/tira4_violeta_y_rosa.jpg) repeat-x top left;
padding:0;
height:30px;
border-top:2px solid #c0a062;
border-bottom:2px solid black;
margin: 0 auto;
position:relative;
width: 800px;
}

Y este es el CSS para mi div#menu y para mi lista (ul):

#menu {
text-align: left;
/*font-size: 0.7em;*/
width: 800px;
margin: 0 auto;
position: relative;
z-index: 900;
padding: 0;
height:43px;
}

#menu ul {list-style-type: none;
border-bottom:2px solid #c0a062;
margin: 0 ;
padding:0;
}

La pagina en cuestion es esta.

Les pido una punta de ovillo.

[kseso?]

No carga la página, Mayid

[mayid]

Gracias, si.- Pasa a veces con 000webhost. Ahora ya se recuperò. Podes ver por favor?

[kseso?]

¿Probaste a dale un z-index a la caja que contiene el menú? a #access, no a #menu

[mayid]

Si, lo probe. Y ahora mismo con un z-index: 99999

Pero el problema es que el #access es es que esta impidiendo que el #menu se despliegue.

El #access tiene asignado un alto de 30px. Si le doy mas, veo mas del menu secundario.

Entonces, esto no tiene que ver con lo que viene despuès, que es #contenedor, sino con el renglon #access, que contiene un background de colores, y un #menu blanco.

[cristian_cena]

Hola mayid, la verdad no entiendo porque hace eso IE 7 pero tal vez si pruebas con ...
position:absolute; top:/*valor*/; left:/*valor*/;
... el menu salga del flujo del documento y se vea por encima de tu div "container"

Saludos!

[mayid]

Gracias, pero probe con absolute para el ul y tambien para el #menu, y no funciono.

Voy a pasar toda la pagina en limpio , a ver que es lo que esta causando el problema. Se que mi js esta limpio. Pero aun queda algo de CSS originario de la plantilla que yo no programe adrede. De cualquier manera, uso el debugger de IE8 y las propiedades CSS son correctas.

EDITADO .---

Raro... si le saco el position : relative a #container, el menu entonces funciona ok!.

UF! Pero sin esa declaracion, el resto de mi diseño se estropea. Me refiero a los fondos de colores que se ven cuando se navega. Y usar z-index:0 no soluciona las cosas. Que es lo que pasa?