ListeDeDefinitionCss3ProbMiseEnPage

Bonjour,

Je dois faire un site en php + sql pour un projet de l'école.

Dans ce site j'ai crée un menu déroulante a l'aide du css3. Le problème que j'ai c'est qu'il s'aligne pas sur une ligne, il fait chaque fois un retour a la ligne. Je vous laisse le code css + le menu déroulante.

J'ai deja essayé:

-de mettre par tout dans le css: display:inline;
-de mettre par tout dans le css: display:inline-block;
-de mettre par tout dans le css: display:block;

J'avais des <dt> pour chaque image(menu) et alors j'ai décidé juste de le mettre sur le menu déroulant mais sans succès.

Je viens de remarquer que c'est vraiment difficile de bien indenter sur cet éditeur texte alors j'ai fait mon mieux.

CODE MENU DEROULANT

<nav id='menu'>
<a href='page_user.php?conteneur=accueil'><img src="images/bouton /Accueil.jpg" alt="Accueil" /></a>

<dl>
<dt><img src="images/boutons/Modules.jpg" ></dt>
<dd>
<ul>
<li> <a href='page_user.php?conteneur=modules_ich'>Modules ICH</a></li>
<li> <a href='page_user.php?conteneur=modules_mas'>Modules MAS</a></li>
<li> <a href='page_user.php?conteneur=modules_mah'>Modules MAH</a></li>
<li> <a href='page_user.php?conteneur=modules_iel'>Modules IEL</a></li>
</ul>
</dd>
</dl>


<a href='page_user.php?conteneur=forum'><img src="images/boutons/Forum_cpnv.jpg" alt="forum" /></a>
<a href='page_user.php?conteneur=contact'><img src="images/boutons/Contact.jpg"alt="Contact"/></a>

</nav>

CODE CSS:

#user{
font-family:"Comic Sans MS", cursive;
padding:5px;
font-family: "Comic Sans MS";
}
#menu{
display:inline;
margin: auto;
width:960px;

}
#menu dl{
display:inline;
}
#menu dt{
display:inline;
height:20px;
color:#FFF;
cursor:pointer;

}
#menu dd{
display:inline;

}

#menu dd ul{

margin:0;
padding:0;
list-style:none;
display:inline;
}
#menu dd ul li{

text-align:center;
padding:0;
display:inline;
}
#menu dd ul li a {
text-decoration:none;
display:inline;
height:30px;
line-height:30px;

}
#menu dd ul li a:hover {

text-decoration:none;
display:inline;
height:30px;
line-height:30px;

}

#menu dl:hover dd{
display:inline;

}
#menu dl dd{
display:inline;
}


Merci bcp d'avance ;)