problema con propiedad display:none en css

[paxarin]

Muy buenas.
Estoy adaptando una web a distintas resoluciones y todo va correcto hasta que para la resolución más pequeña 400px cree un menu de navegación distinto al del resto de las versiones.
En total tengo 3 hojas de css.
Lo logico es que en las 2 primeras ponga:
#responsive_nav{display:none}
que es el menu para la versión movil, y en la versión movil poner
#navigation{display:none}
y así deberia de funcionar, pero no es así y la verdad que no lo entiendo. Tambien probe con visibiliti:hidden pero el resultado es el mismo.
En definitiva que en el momento que pongo:
#responsive_nav{display:none}
no se muestra la navegación en la version movil. Alguien sabria decirme cual puede ser el problema?