Placement de div

[DiabloTC]

le code concerné est le suivant :

Code :

ul
{
padding:0;
margin:0;
list-style-type:none;
}
li
{
float:left;
border-left:1px solid black;
}
ul li a
{
font-size: 18px;
display:inline;
float:left;  
width:180px;
line-height:36px;
background:black url(img/bouton.png) repeat-x;
color:#DCDCDC;
text-decoration:none;
text-align:center;
margin-top: -49px;
}
ul li a:hover
{
background:black url(img/boutonhover.png) repeat-x;
color:white;


#banniere
{
  margin-top:-20px;  
}

#menu
{
position: relative;

}

Code :

<div id="menu">
  

  
     <div id="banniere">
     </div>
  
  
     <div id="bouton">
     <ul>
      <li><a href="#">Accueil</a></li>
      <li><a href="#">Présentation</a></li>
      <li><a href="#">Forum</a></li>
      <li><a href="#">Charte</a></li>
      <li><a href="#">Contact</a></li>
     </ul>
     </div>
    
    
   </div>

Je reflechis ou je pourrais mettre position, je crois que c'est la clé de mon probleme