Alignement de puce à son texte.

bonjour,

j'ai mon menu gauche dans lequel il y a des rubrique en liste.
J'y ai mis des puces mais sous IE7 les puces ne sont pas aligné au texte, c'est pas la premier fois que ça m'arrive. Comment faire pour que les puces soient aligné au texte?
merci de votre aide.

mon code

#left ul li .sous{
        text-indent: 10px;
	width:210px;
	text-decoration:none;
	color:#4c6175;
	font-size:11px;
	font-family: 'Centre Gothic',Arial,Verdana,  Helvetica, sans-serif;
	display: list-item;
	list-style-image: url(IMG/squelettes/trait.gif);
	margin-left: 0em;
        padding-left: 0;
	text-indent: 1em;
	list-style-position: inside;
	vertical-align:10%;

Modifié par Sanctus (27 Jan 2009 - 15:12)

j'ai trouvé
utilisation d'un background-image que je positionne avec un background-position

ce qui donne

background-image: url(IMG/squelettes/trait.gif);
	background-repeat:no-repeat;
	background-position: 6% 50%;