Centrer menu avec css

Bonjour,

Je souhaite centrer mon menu horizontalement avec une image de fond. L'image est centrée mais les liens ne sont pas centrés, ils sont légèrement sur la gauche.

Voici le html:

<div class="centre_menu">
<ul class="menu_horizontal">
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
</ul>
</div>

Voici le css:

.menu_horizontal {
position: relative;
height: 29px;
width: 1024px;
background: url("../images/bg.gif") no-repeat top;
padding: 15px;
margin: 10px 0;
overflow: hidden;
}

.centre_menu {
float:left;
width: 1024px;
margin:0;
padding:0;
padding-left:185px;

}

.menu_horizontal li {
list-style: none;

}

Merci de votre aide
Configuration: Windows XP
Firefox 3.5.4

3 réponses

  1. mes liens sont décalés par rapport à l'image de fond. Je ne vois pas le problème.

    Merci de votre aide