Centre un menu CSS

1. Voilà ce que j'ai a peu prés sur ma page
2. ce que je souhaiterai avoir

Effectivement pour une fois j'ai récupérer un code tout prêt et j'ai essayé de faire quelques modifications. Par contre là je n'arrive pas du tout à centrer les "faux" boutons.

ul#menu
{
	margin:0px auto;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float: left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float: left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}

<div id="nav">
<ul id="menu">
			<li class="button" class="centrage"><a class='current' href='http://' >Accueil</a></li>
			<li class="button" class="centrage"><a href='http://'  >Services</a></li>
			<li class="button" class="centrage"><a href='http://'  >Contact</a></li>
			</ul></div></div>

Tellement la tête dans le guidon qu'on en oublie de dire bonjour ?

Pas de panique ! Il existe un article expliquant comment centrer ses éléments et le pourquoi de ton rendu.

Bonne lecture.

presque... tellement marre de pas trouver que j'oublie de dire bonjour... désolé ^^

Je vais voir ton lien. Merci
Modifié par Angel13 (18 Sep 2010 - 15:06)

Bon et bien j'ai modifié la ligne ul#menu li

j'ai suivi "Le centrage horizontal des éléments de type bloc" de ton lien

ul#menu li
{
	display:block;
	margin-left: auto; 
  	margin-right: auto;
	width: 300px;
}

cela à permis tout d'abord de centrer le menu tout en gardant l'effet de barre.

APERCU: