Drop Down WordPress Nav ne fonctionne pas sur Firefox

J’ai modifié le CSS de la NAV sur ce site Web et maintenant il ne fonctionne que dans Chrome mais pas dans Firefox. Des menus déroulants existent sur ‘Menus’ & ‘Restauration’. Il a été développé dans WordPress et je suppose qu’il me manque quelque chose en ce qui concerne le codage dans WordPress.

Des idées?

http://sbserver.wwwsd3.a2hosting.com/devo_williams_freshcafe/

Solution n°1 trouvée

Si vous rechargez votre page et survolez l’élément de navigation pendant son chargement, vous remarquerez que le sous-menu fonctionne correctement – il apparaît, mais est ensuite masqué lorsque l’ #main-contentélément s’anime.

Je ne sais pas pourquoi cela se produit, car votre z-index:999999dans le sous-menu devrait certainement remplacer le z-index:999de #main-content. (Je suis à peu près certain que la valeur maximale pour z-indexest beaucoup plus élevée que cela.) Cependant, pour une raison quelconque, 999999 est traité de la même manière que 999, et le wrapper principal apparaît au-dessus des sous-menus.

Pour le réparer, il suffit de diminuer légèrement le z-indexon #main-content. Par exemple, en utilisant :

#wrapper.boxed #main-content {
    z-index:998;
}

Cela a fonctionné pour moi (testé dans Firefox 20) et le sous-menu apparaît au-dessus du wrapper principal. J’espère que cela t’aides! Faites-moi savoir si vous avez des questions, bien que je sois franchement un peu perplexe également.