Bonjour ...
Voila j'ai un petit probleme . J'essaye de faire un menu en css ( entre autre ) qui devrai ressambler a ca :http://www.alsacreations.com/articles/deroulant/menu-horizontal2.htm

voila le bleme c'est que
1) il ne me met pas mes images du menu sur la même ligne ..
2) Le sous menu ne se mettent au dessus de mon tableau mais entre le menu et mon tableau ou il y a le contenu ( en gros le sous menu ne se superpose pas au dessus de mon site )
3) le menu n'est pas centré
Je capte pas trop d'ou vienne c'est bug ....
Voici tjs mon code ..
CODE
<div id="menu">



<dl>  

 <dt onmouseover="javascript:montre('smenu1');"><img src="img/unite.gif" width="80" height="27" border="0" alt="Unité" /></dt>

  <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 1.1</a></li>

    <li><a href="#">Sous-Menu 1.2</a></li>

    <li><a href="#">Sous-Menu 1.3</a></li>

    <li><a href="#">Sous-Menu 1.4</a></li>

    <li><a href="#">Sous-Menu 1.5</a></li>

    <li><a href="#">Sous-Menu 1.6</a></li>

   </ul>

  </dd>

</dl>





<dl>

 <dt onmouseover="javascript:montre('smenu2');"><img src="img/nutons.gif" width="77" height="27" border="0" alt="Nutons" /></dt>

  <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 2.1</a></li>

    <li><a href="#">Sous-Menu 2.2</a></li>

    <li><a href="#">Sous-Menu 2.3</a></li>

    <li><a href="#">Sous-Menu 2.4</a></li>

   </ul>

  </dd>

</dl>



<dl>

 <dt onmouseover="javascript:montre('smenu3');"><img src="img/loup.gif" width="119" height="27" border="0" alt="Louveteaux" /></dt>

  <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 3.1</a></li>

    <li><a href="#">Sous-Menu 3.2</a></li>

    <li><a href="#">Sous-Menu 3.3</a></li>

    <li><a href="#">Sous-Menu 3.4</a></li>

    <li><a href="#">Sous-Menu 3.5</a></li>

   </ul>

  </dd>

</dl>



<dl>

 <dt onmouseover="javascript:montre('smenu4');"><img src="img/luntins.gif" width="70" height="27" border="0" alt="Lutins" /></dt>

  <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 4.1</a></li>

    <li><a href="#">Sous-Menu 4.2</a></li>

    <li><a href="#">Sous-Menu 4.3</a></li>

   </ul>

  </dd>

</dl>



<dl>

 <dt onmouseover="javascript:montre('smenu5');"><img src="img/scout.gif" width="79" height="27" border="0" alt="Scouts" /></dt>

  <dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 4.1</a></li>

    <li><a href="#">Sous-Menu 4.2</a></li>

    <li><a href="#">Sous-Menu 4.3</a></li>

   </ul>

  </dd>

</dl>



<dl>

 <dt onmouseover="javascript:montre('smenu6');"><img src="img/guides.gif" width="82" height="27"  border="0" alt="Guides" /></dt>

  <dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 4.1</a></li>

    <li><a href="#">Sous-Menu 4.2</a></li>

    <li><a href="#">Sous-Menu 4.3</a></li>

   </ul>

  </dd>

</dl>



<dl>

 <dt onmouseover="javascript:montre('smenu7');"><img src="img/pio.gif" width="102" height="27" border="0" alt="Pionniers" /></dt>

  <dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre('');">

   <ul>

    <li><a href="#">Sous-Menu 4.1</a></li>

    <li><a href="#">Sous-Menu 4.2</a></li>

    <li><a href="#">Sous-Menu 4.3</a></li>

   </ul>

  </dd>

</dl>



<dl>

 <dt onmouseover="javascript:montre();"><a href="index.php" target="_parent" ><img src="img/accueil.gif" width="84" height="27" border="0" alt="Accueil" /></a></dt>

</dl>



<dl>

 <dt onmouseover="javascript:montre();"><a href="http://forum.uniteloverval.be" target="_parent" ><img src="img/forum.gif" width="108" height="27" border="0" alt="Forum" /></a></dt>

</dl>



</div>

et voici mon css.. ( enfin une partie )
CODE
/* Menu */

#menu {

position: relative; /* placement du menu, à modifier selon vos besoins */

MARGIN-Top: 30px;

margin-left : auto;

margin-right : auto;

width : 800px;

z-index:100;

width: 100%; /* correction pour Opera */

}

#menu dl {

float: left;

}

#menu dt {

cursor: pointer;

text-align: center;

font-weight: bold;

}

#menu dd {

display: none;

border: 1px solid gray;

}

#menu li {

text-align: center;

background: #fff;

}

#menu li a, #menu dt a {

color: #000;

text-decoration: none;

display: block;

height: 100%;

border: 0 none;

}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {



}

#site {

position: relative;

z-index: 1;

top : 70px;

left : 10px;

color: #000;

background-color: #ddd;

padding: 5px;

}

/* ---------------------------------------------------------------------------------------------------------------- */


vous pouvez observer ce tres beau bug ici :http://www.uniteloverval.be/v3/

Merci d'avance ...