Allineare img punti elenco in modo crossbrowser

[blur]

ciao,

ho creato una lista <ul>[*] sostiuiendo al punto, un immagine di sfondo.
Non riesco a fare in modo che l'immagine sia centrata con il testo. Cioè il testo è posizionato alla base dell'immagine. La cosa divertente è che con IE in modalità compatibilità attivata, e quindi per le versioni precedenti, funziona bene!

Questo è il CSS:

li{ padding-left:10px; 
min-height:25px; 
*height:-10px ;
 list-style-type:none; 
list-style-position:outside; 
list-style-image: url(../images/check.png); }

e poi il classico html:

<ul>[*] 1a voce [*] 2a voce [/list]


Mi serve qualcosa che funzioni in modo simile per IE6 e successive, Chrome e FF

Grazie!!!

[Prill]

Ciao, puoi usare semplicemente un'immagine di sfondo:

ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
li {
background: url(../images/check.png) no-repeat left center;
}

assegnando alla voce elenco un padding-left adeguato in maniera tale che il testo non copra l'immagine