Une image réactive en CSS avec une seule image et sans javascript

Bonjour à tous/toutes

J'ai réalisé un menu CSS adapté du tuto d'Alsacréations mais j'ai un petit souci :

http://nameo.pro.free.fr/test/

Comme vous pouvez le voir, en passant sur les liens du menu, l'image affiche toujours "home" au lieu de "artwork", "contact" etc...
Voici mon code (je ne sais pas si je dois le mettre ou non, anyway) :

/*MENU*/

ul#menu
{
	width: 458px;
	height: 111px;
	padding: 0;
	position: relative;
	list-style-type: none;
	background-image: url(media/images/menu_bg.gif);
	background-position: center 0px;	/* Suppression margin, padding et puces du <ul> */
	margin-top: auto;
	margin-right: auto;
    margin-bottom: 0px;
	margin-left: auto;
}

ul#menu li
{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;

/* Suppression padding <li> / marge basse de 5px */
}

ul#menu li a
{
   height: 111px;
   display: block;

}

ul#menu li a:hover
{
	background-image: url(media/images/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -111px;
}

/* zone réactive basique*/
#panel1b { left: 1px;   width: 90px;  }
#panel2b { left: 90px;  width: 90px;  }
#panel3b { left: 180px; width: 90px; }
#panel4b { left: 270px; width: 90px; }		
#panel5b { left: 360px; width: 90px; }	

/*zone de survol*/
#panel1b a:hover {
   background: transparent url(media/images/menu_bg.jpg)
               -1px -111px no-repeat;
}
#panel2b a:hover {
   background: transparent url(media/images/menu_bg.jpg)
               -90px -111px no-repeat;
}
#panel3b a:hover {
   background: transparent url(media/images/menu_bg.jpg)
               -180px -111px no-repeat;
}
#panel4b a:hover {
   background: transparent url(media/images/menu_bg.jpg)
               -270px -111px no-repeat;
}

#panel5b a:hover {
   background: transparent url(media/images/menu_bg.jpg)
               -360px -111px no-repeat;
}

/*FIN MENU*/

Auriez-vous une idée du souci?
(édité, sorry)
Modifié par Mylie (01 Dec 2008 - 18:13)

Bonjour et bienvenue sur Alsacréations

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.

Euh... en fait je viens de réussir à démêler tout ça -_- désolée pour le dérangement, bonne soirée

Bonjour,
ca aurait ete chouette de poster ta correction, non ?