La prochaine fois, s'il vous plaît faire votre cliquable URL: http://philippedecor.com/
Dans Firefox, je vois aussi un petit peu de l'arrière-plan montrant le menu, as you can see. Mouser sur cette chose déclenche un événement mouseout, fermant le menu. Dans IE 7, je ne vois pas l'effet push-down, seulement le masquage du menu sous le panneau Flash et tout ce qui se trouve en dessous.
Pour empêcher le menu d'abaisser d'autres éléments sur votre page, vous devez utiliser position: absolute
sur #downmenu
et probablement l'incorporer dans la div contenant "Catégories principales" pour le positionner au bon endroit. Utiliser un z-index
approprié empêchera probablement le menu déroulant de sauter sous un autre div dans IE (non testé, car je n'ai pas un outil de débogage pour IE à l'université où je suis en train de taper ce message maintenant). En outre, je pense que vous ne devriez pas utiliser deux menus contenant exactement le même contenu, ce qui peut être source de confusion pour les visiteurs de votre site (en fait, je n'ai pas lu votre message correctement). En outre, vous ne devriez pas mettre de texte dans les images sans fournir de textes alternatifs, les lecteurs d'écran et autres ne peuvent pas "voir" de cette façon (de préférence utiliser un image replacement technique approprié). Et tous ces
s dans les li
sont totalement inutiles et ne sont pas conformes aux règles du HTML sémantique; il suffit d'utiliser padding
sur eux ou quelque chose. En passant, vous devriez rendre les curseurs arrondis des 'catégories principales' transparents (maintenant deux petits coins blancs sont affichés). Juste mes $ 0.02 ...
Bien sûr, il suffit d'ajouter du code à votre message ou d'afficher un lien vers un site de travail. –
Quand je suis arrivé à philippdecor.com, j'obtiens un 404 –
devinez: position: absolute et z-index: 10 –