[résolu]Difficulté avec un menu en CSS

Bonsoir,
j'ai fait un menu vertical avec des puces,
il est terminé mais j'ai un souci, les puces sont complètement à droite et moi je voudrais qu'elle soit décalé de 5pix vers la droite.

Voici un petit screen-shoot:
http://images2.imagehotel.info/bvftvsh6p0.png
et voici le code:

#cat_gauche { 
border-bottom:#D3D3D3 1px solid; 
text-align:left; 
}
#cat_gauche ul, li { 
list-style-image: none; 
list-style-type: none; 
}
#cat_gauche a { 
width:166px; 
background-image: url(puce.png); 
border-top:#D3D3D3 1px solid; 
border-right:2px solid #6d7549; 
border-left:2px solid #6d7549; 
display:block; 
background-color:#F1EFE2; 
padding:3px 0 2px 10px; 
color:#4D4D4F; 
text-decoration:none; 
background-position: left center; 
background-repeat: no-repeat; 
}
#cat_gauche a:hover { 
width:166px; 
background-image: url(puce_hover.png); 
border-top:#D3D3D3 1px solid; 
display:block; 
background-color:#d1d2b6; 
padding:3px 0 2px 10px; 
color:#800000; 
text-decoration:none; 
background-position: left center; 
}

j'ai essayé pleins de trucs avant de venir vers vous mais rien n'y fait.
Modifié par sheitanEB (18 Jan 2008 - 17:21)

As-tu essayé en appliquant un

padding-left:5px

à

#cat_gauche ul li

?

Bonjour,

#cat_gauche a { 
	padding:3px 0 2px 15px; 
	background-position: 5px center; 
}

Et voilà.
Modifié par Florent V. (18 Jan 2008 - 10:41)

Je n'aurais jamais pensé à mettre 5px à la place de left dans background position, cela fonctionne parfaitement.
merci beaucoup.