[SOLUCIONADO] Desplegar submenu y desplazar items inferiores en menu responsive

[MindPaniC]

Hola

Necesito que al pulsar en los items del menu principal en la vista para moviles (reducir tamaño pantalla para verlo) se desplacen los items al desplegarse el submenu, el submenu tiene un z-index:2; ya que al desplegarse se ocultaba debajo de capas inferiores del diseño, creo que esa es la causa, estoy probando pero no se como solucionarlo. por favor echar un ojo al menu principal

Podeis verlo en: http://test.javierdelpozo.com/es/

este es el media query del menu principal:

Código CSS:

@media screen and (max-width: 800px) { /* AJUSTES PARA MENOS DE 800PX */
    #principal {
        float:left;
        width:100%;
    }   
    #principal ul {
        float:left;
        width:100%;
        padding-top:0; 
        padding-bottom:0;
    }
    #principal ul li {
        display:block;
        width:100%;
        float:none;
        list-style:none;
    }
    #principal ul li a {
        display:block;
        width:100%;
        margin:0;
        border-right:0;
        text-align:center;
    }
    #principal ul ul {
        margin-top:0;
    }
    #principal ul ul li a {
        padding:17px 5px 17px 5px;
    }
    #principal ul li:hover ul {
        z-index:auto;
    }
 

Estoy seguro que el problema es del z-index.

[JustinKO]

Hola, la verdad que no me he puesto a interpretar el código de la página, pero a bote pronto he cogido en Firefox con firebug y he desactivado el position:absolute de #principal ul ul. y parece que funciona. por lo que supongo que por ahí van los tiros.

habría que cambiar el position a relative al media query para que no se te descojone el resto de la página:

Código CSS:

@media screen and (max-width: 800px) { /* AJUSTES PARA MENOS DE 800PX */
#principal ul ul {
        margin-top:0;
        position: relative;
    }
}
 

Ya te digo que no estoy seguro porque lo he mirado muy por encima, y he visto que parece que funciona pero no me puesto ni a pensar el porqué.

Saludos

[MindPaniC]

Perfecto!! solucionado,

Muchas gracias