Centrer liens du menu

Bonjour, ce problème a surement déjà été résolu plusieurs fois.
Avant j'arrivais, mais j'ai oublier comment faire.

#menu{
height:40px;
background-color:#222;
width:900px;
background-color:red;
}
#menu ul{
list-style-type:none;
margin:0;
padding:0;
width:800px;
}
#menu ul li{
float:left;
height:40px;
width:100px;
border-right:1px solid #fff;
}
#menu ul li a{
background-color:#222;
display:block;
height:40px;
width:100%;
text-decoration:none;
color:#eee;
font-family:Arial;
}
#menu ul li a:hover,#menu ul li a:focus{
background-color:#333;
}

En gros, je souhaite que mes cinq liens prennent toute la largeur, pour qu'on ne voit plus le fond rouge.


Merciiiii
Modifié par CydGy (04 Oct 2011 - 18:29)

#menu ul li a{


min-width:100%;


}

Bonjour

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Salut,

C'est surtout que ton menu a une largeur de 900px et que ton ul inclus a une largeur de seulement 800px. Donc difficile que dans ces conditions il recouvre tout ton menu.

EH BIEN si je met 900px et 900px, ça recouvre mais je suis obligé de faire 900/5 et le résultat je le met en largeur des <li>
Moi je souhaite quelque chose d'automatique comme par exemple ... center