Menu aves css

 <li> La ville en chiffres</li>
	  </ul>
	</li>
	</ul>

<div  id="menu">
<ul>
    <li><a href="# ">Presentation de la ville </a>
	    
      <ul>
        <li>Situation Géographique</li>
        <li>Histoire de la ville</li>
        <li>Sites touristique </li>
        <li> La ville en chiffres</li>
      </ul>
	</li>
	
   <li><a href="# "> Presentation de la mairie </a>
      <ul>
        <li>Date de création</li>
        <li>Arrandissement Municipaux</li>
        <li>Conseil municipal </li>
        <li>Conseil municipal des enfants</li>
        <li>Services</li>
      </ul>
   </li>

    <li><a href="# ">Réalisations </a></li>

    <li><a href="# "> Relations entre les citoyens</a></li>
	
    <li><a href="# "> Coopération internationnal</a></li>
</ul> 
</div>

#menu {
 height:50px;
 }

#menu ul
{
   width: 1024px ;
   padding: 0px ;
   margin: 0 auto ;
   list-style-type: none ; /*poue les points de chaque titre (.presentation...) il faut pas qu'elle s'affiche */
   text-align:center;}

#menu li
{ 
  
  margin:  auto ; 
  padding: 0 ;/* affichage horizontal */
  float: left ; /*pour ne pas qu'ils (li) s'empilent les uns sur les autres, on déclare les différents élément flottants à gauche ,ce qui va permettre aux li suivants d'aller se mettre... à droite*/
  background: #3399CC;/*bleu comme l'arriere plan*/
  border: 1px solid #006699 ; 
  }
  

#menu li a /*premier vu*/
  {
   float: left ;
   display:block; /*va permettre de donner une largeur fixe et identique à chaque li*/
   width: 200px ;
   color: #FFFFFF ;
   padding: 4px 0 ;
   text-decoration: none ; /* non souligné*/
  /* float: left ;*/ }


#menu li a:hover /* au clik*/
{
   color: #030676 ;
   background: #E1C75B ; 
  }

#menu ul li ul {
 display:none;/*Pour faire disparaître les sous-items, on rajoute un display:none à la sous-liste (on lit en remontant : le ul inclus dans le li du ul du cadre id="menu") */
  width: 200px; 
 }

#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:absolute;
 }