Superposition de menu horizontal sur le contenu qui suit

Bonjour, les gars.

J'ai un problème avec le menu horizontal en css, qu'en se déroulant masque le contenu juste en dessous. et cela juste sur internet explorer. sur firefox, safari tout va bien.

voici le lien vers la page concerné:

http://dev21.focusweb.ca/focusspam/index.php

feuilles css:

http://dev21.focusweb.ca/focusspam/css/menu.css
et
http://dev21.focusweb.ca/focusspam/css/stylesheet.css

je serai très reconnaissant.

Bonjour & bienvenue, elfaize.

Je viens de tester sous IE7, et j'ai exactement le même comportement que sous Firefox. Les sous-menus se placent au-dessus du contenu principal de la page, mais en dessous de la colonne de droite

Je suppose que tu veux faire en sorte que le menu déroulant soit toujours au-dessus ? Pour cela, il faut utiliser la propriété z-index, en gardant à l'esprit qu'elle ne s'applique qu'aux éléments positionnés ...

Ici, tu as défini des valeurs identiques pour le menu & la colonne de droite. Il faut diminuer la valeur sur la colonne pour qu'elle passe en dessous du menu. Le plus simple serait probablement de spécifier le z-index pour tout ton bloc #contenu, et pas sur les éléments à l'intérieur de celui-ci :

#contenu {
   position: relative; /* Positionner le bloc pour pouvoir utiliser z-index */
   z-index: 1;
}

Tu devrais pouvoir supprimer sans problème les z-index sur #text et #colomn.