Problème sur un <li>

Bonjour,

J'essai de mettre propremment des petites étoiles sur mes liens qui sont dans un <li> sur la page d'accueil du site http://www.loveannu.com

Je n'arrives pas à que cela soit correct et identiques entre IE6 et IE7.

Voici le code que j'ai mis si vous pouvez m'aider.

#choix-rencontres {
	list-style: none ;
	margin: 0 ;
/*	padding: 10 ;    */
	}
	
#choix-rencontres li {
        display: block;
	background: url(../../images/menu_bullet.gif) 0 -3px no-repeat;
	color: #000000 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1,5em ;
	text-align: left ;
	text-decoration: none ;
	padding: 0px 0 ;
/*	padding-left: 20px; */
	}

Merci pour votre aide

En cherchant un peu sur ce site et sur le net tu trouveras plétors d'informations sur le sujet...
Ce sujet a d'ailleurs été traité ici à de nombreuses reprise...la fonction recherche est d'ailleurs assez pratique
(Au hasard, cet excellent site par exemple)

Tu peux essayer, comme je l'ai répéter il n'y a pas longtemps (...) ici même, en parodiant Benjamin D.C :

a écrit :
en jouant sur le positionnement interne ou externe à l'ensemble de la liste (list-style-position:inside ou outside).

Cela résoudra peut-être ton problème ?
Tiens-nous informé

Salut,

Essaie un truc comme ça :

ul {
margin:0;
padding:0;
}
ul li {
margin-left:-10px;
list-style:none outside;
height:25px;
background-repeat:no-repeat;
background-position:0 50%;
background-image:url(../../images/menu_bullet.gif);
}

Chez moi ça marche