Problema al realizar responsive design

[madman_18]

Buenas a todos!

Veréis, estoy teniendo un problema a la hora de adaptar la página a móviles.

Tengo un menú en la parte derecha de mi web que redefino con css tal que así:

Código CSS:

nav.mi-menu{position:fixed;z-index: 999999;background:#0B9000;}
 

Y también modifico los z-index de mi contenido:

Código CSS:

section.contenedor{width:320px!important;display:block;z-index: 9999;}
article.contenido{z-index: 9999;}
 

Cuando lo visualizo en páginas que simulan distintos dispositivos, funciona correctamente...pero cuando la miro en el teléfono es como si el z-index del contenido no lo aplicase y siempre me aparece por encima de la barra menú.

¿Alguna idea de por qué puede ser?

[pzin]

Es mejor usar dispositivos reales o simplemente reducir el ancho del navegador que mirar en páginas extrañas.

Pues yo diría que z-index sólo funciona en elementos cuya posición no es estática (que es aquella que todos los elementos tienen por defecto) entonces, tendrán que cambiar ese posicionamiento. Cualquier otro valor que no sea static es válido para eso.