Un menu li qui ne se centre pas :(

Bonsoir,

J'ai suivi un tutoriel pour réaliser un menu de navigation.
Tous fonctionne bien les liens, les sous liens...
Ce pendant ce menu de navigation "ul" ne se centre pas dans la "div" conteneur que je lui ai appliqué.
Quelqu'un aurait il la solution cela fais 2 jours que je cherche tout seul et j'aimerais vraiment de l'aide SVP. Merci d'avance.

<div id="menu">
<ul id="nav">
  <li><a href="#">Accueil</a></li>
  <li><a href="#">Le ROD</a>
    <ul>
      <li><a href="#">Présentation</a></li>
      <li><a href="#">Entraînement</a></li>
      <li><a href="#">Pour qui ?</a></li>
	  <li><a href="#">Nos boxeurs</a></li>
    </ul>
  </li>
  <li><a href="#">Actualité</a>
    <ul>
      <li><a href="#">Agenda</a></li>
      <li><a href="#">Photo</a></li>
    </ul>
  </li>
  <li><a href="#">Blog</a></li>
  <li><a href="#">Contact</a></li>
</ul>
</div>

#menu ul 
{
 float: left;
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;


 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:blue;
 width: 150px;
 }
#menu li a {
 display:block;
 width:150px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#FFD700;
 }
 
 #menu ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 
 #menu li ul {
 position:absolute;
 }
 
 #menu {
 height:50px;
  border: 3px solid yellow;
  position: relative;
 }
 
 #fb
 {
float:right;
margin: 5px;
 }
 
 #nav
 {
 border: 10px solid red;
 }
 

En pièce jointe le rendu avec les couleurs des bordures pour plus de simplicité visuel.




merci beaucoup de votre aide
Modifié par shinoby76 (19 Feb 2015 - 23:16)

"/></textarea><h1>xd

Bonjour,

Bah ton ul est en float:left;... du coup il se met à gauche c'est plutôt normal comme comportement non ? ^^

Pour la suite je te laisse regarder par là la technique qui colleras avec ce que tu fais : http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html

bonne journée