Plusieurs images menu css

Bonjour à tous,

Je souhaite faire un menu horizontal du type :

<ul>
<li class="droit"><a href="#">Accueil</a></li>
<li class="centre"><a href="#">Blabla</a></li>
<li class="centre"><a href="#">Blablabla</a></li>
<li class="centre"><a href="#">Blabla</a></li>
<li class="gauche"><a href="#">Contact</a></li>
</ul>

Donc mon souci c'est de mettre 2 images dans mes class centre (une de chaque coté de mes onglets).

Mon code css :

ul {
        padding:0;
	margin:0;
	list-style-type:none;
	height: 82px}
 
li {
	float:left;
	height: 82px;
	line-height:82px}
 
ul li a {
	display:block;
	float:left;
	color:#DCDCDC;
	text-decoration:none;
	text-align:center;
	padding-right: 25px;
	padding-left: 25px}

ul li.droit a {
background-image: url(images/carremenu.jpg);
background-repeat: no-repeat;
background-position: right center}

ul li.gauche a {
background-image: url(images/carremenu.jpg);
background-repeat: no-repeat;
background-position: left center}

ul li.centre a {
	background-image: url(images/carremenu.jpg);
	background-repeat: no-repeat;
	background-position: left center}

Si quelqu'un peu me filer un coup de main... Merci d'avance
Modifié par supersankukai (16 Nov 2010 - 15:45)