Aussi, tu peux essayer de refaire ton menu avec la structure suivante :
[code]<ul id="menu_haut">
<li><a href="index.htm">Lien 1</a></li>
<li><a href="index.htm">Lien 2</a></li>
<li><a href="index.htm">Lien 3</a></li>
</ul>
[/code]
Ça sers à rien de créer des divs pour rien ;)

Et peut-être que cela va te faciliter la tâche pour ton CSS :)

J'ai un peu réussi en mettant la longueur total divisé par le nombre de lien.

J'ai ceci pour mon css:

[code]div#menu_haut {
width:848px;
height:20px;
background-color: #3A3A3A;
margin-left:auto;
margin-right:auto;
border-left: solid #01A9C6 5px;
border-right: solid #01A9C6 5px;
border-bottom: solid #01A9C6 5px;
border-top: solid #01A9C6 3px;
}
div#menu_haut ul {
padding: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 20px;
white-space: nowrap;
text-align: center;
padding-bottom: 10px;

}
div#menu_haut li {
list-style-type: none;
display: inline;
float: left;
}
div#menu_haut a {
width:116px;
height:20px;
background-color:#3A3A3A;
color:#FFF;
text-decoration:none;
display:block;
}
div#menu_haut a:hover {
width:120px;
height:20px;
color:#000;
text-decoration:underline;
background-color: #01D7FB;
display:block;
}
[/code]
et ceci pour mon html :

[code]
<div id="menu_haut">
<ul>
<li><a href="index.htm">Accueil</a></li>
<li><a href="index.htm">Downloads</a></li>
<li><a href="index.htm">Nos serveurs</a></li>
<li><a href="index.htm">Le&ccedil;ons</a></li>
<li><a href="index.htm">La team</a></li>
<li><a href="index.htm">Pub</a></li>
</ul>
</div>
[/code]

Mais voici ce que ça fait sur firefox et IE :
http://browsershots.org/png/original/8b/8b7a9a5c19a9c782a83a8f9386efdf87.png
http://browsershots.org/png/original/3d/3dbe53d2b86127e7610dc192eae7da4a.png

Voir : ( série d'ecran 3 )
http://browsershots.org/http://www.seehy.fr/

Comment faire pour que ce soit bien vu sur IE ??

[i][color=darkred][Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur][/color][/i]

Bonjour,
Je souhaite faire un petit menu pour mon site et j'ai ceci :

[code]
div#menu_haut {
width:850px;
height:20px;
background-color: #336699;
margin-left:auto;
margin-right:auto;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
}
div#menu_haut ul {
padding: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 20px;
white-space: nowrap;
text-align: center;
padding-bottom: 10px;
}
div#menu_haut li {
list-style-type: none;
display: inline;

}
div#menu_haut a {
width:116px;
height:20px;
background-color:#3A3A3A;
color:#FFF;
text-decoration:none;
display:block;
}
[/code]

et

[code]
<div id="menu_haut">
<ul>
<li><a href="index.htm">Lien 1</a></li>
<li><a href="index.htm">Lien 2</a></li>
<li><a href="index.htm">Lien 3</a></li>
</ul>
</div>

[/code]

Quand je n'avais pas "div#menu_haut a", le menu était bien horizontal avec les liens cote a cote, sauf que dès qu'il y ai, il y en a un qui est au bon endroit et tout les autres, les uns en dessous des autres.

Comment ça se fait ??

Merci !

Edit: Si je met : float: left; dans "div#menu_haut li" tout est bien aligné mais ce qu'il y a dans li n'est pas centré !