Problème d'affichage z-index sur google chrome

Bonjour,

Pour simplifier la navigation dans mon site photo perso, j'ai placé un menu "caché" à droite.
Pour l'activer j'ai crée deux bouton, open close, classique

Le gros problème c'est que sur google, le bouton close, passe en dessous du menu, c'est embêtant !!!
Sur firefox tout va bien.
J'ai tenté les z-index avec "important" mais ça ne fonctionne tjr pas !
ligne de code :
.menu_btn {
z-index: 9999 ! important;
background-color: #fff;
display: block;
position: absolute;
right: 10px;
top: -10%;
padding: 10px;
font-size: 13px;
font-family: 'hero_lightlight';
text-decoration: none;
}

.close {
z-index: 9999 ! important;
background-color: #fff;
display: block;
position: absolute;
right: 10px;
top: -10%;
padding: 10px;
font-family: 'hero_lightlight';
text-decoration: none;
font-size: 13px;
}

.btn {
height: 100%;
width: 100%;
position: fixed;
}

#menu {
z-index: 9990! important;
background-color: #FFFFFF;
bottom: 0;
height: 100%;
margin-top: 77px;
padding-left:20px;
padding-right: 20px;
position: fixed;
right: -300px;
top: 0;
width:240px;
}

#menu li {
list-style: none;
margin-top: 10px;
}

#menu li:first-child {
font-family: 'hero_lightlight';
font-size: 16px;
list-style: none;
text-align: center;
padding-bottom: 10px;
}
lien du site et des galeries :
http://ashevaan-photographie.com/galerie-selection.php

Si quelqu'un peut m'aider, ça serait vraiment top !!!!

Bonjour,

Sur ta div #menu tu peux enlever ton z-index: 9990! important;
Ça corrige le problème chez moi.

Yep, ça fonctionne ! merci bcp