Décaller une liste par rapport à son arrière plan

Bonjour,

Voici mon problème : je souhaite faire une liste (en ligne) avec un fond (le même pour toute la liste, c'est une grand image).
Je voudrais que cette liste soit décallée par rapport à sont background. voici ce que je voudrais réaliser :
http://img91.imageshack.us/img91/4829/65980134un2.jpg

Rien de sorcier mais à chaque fois soit ma liste ne se décalle pas soit c'est le background qui est décallé.
Je précise qu'il doit y avoir un roll over sur les liens (avec une image de fond)
Voici mon code si vous pouvez m'aider c'est sympa
Merci !

#smenu{
	margin-top: 0px;
	width: 946px;
	height: 30px;
	padding: 0px;
	background: transparent url(../images/smenu.jpg) no-repeat;
}

#smenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
	
}
#smenu ul li{
	float: left;
	padding: 0px;
	border: none;
}
#smenu ul li a{
	display: block;	
	margin: 0px;
	padding: 0px;
}

li#smenu_01 a { width: 80px; height: 30px; }
li#smenu_02 a { width: 80px; height: 30px; }
li#smenu_03 a { width: 80px; height: 30px; }

Modifié par pan (26 Sep 2008 - 21:05)

Salut,

Sans le code html qui va avec, j'ai bien peur qu'il soit impossible de t'aider... Ou encore mieux, une page en ligne, car j'avoue ne pas trop comprendre la description de ton problème, ça aiderait bien je pense !

Hello,

Moi je serai tenté de mettre un margin-left dans ta classe smenu vu que tout le reste dépend de celui-là...enfin je dis ça juste pour essayer car moi et le css c'est pas encore ça

@+