come posso impostare un'immagine bullet personalizzata del tag li?

Question

Sto cercando di impostare un'immagine personalizzata come un proiettile. quando utilizzo il tag background o background-image, funziona ma non si allinea correttamente con la categoria list. E quando sto usando un'immagine in stile elenco, non sta visualizzando l'immagine come un proiettile.

Problema:

Css

Firebug

immagine è anche la visualizzazione in Firebug, quando muovo il mouse sopra il si

output finale sbagliato

Soluzione:

corretta uscita quello che voglio

Answer 1

Ecco un metodo, utilizzando invece un'immagine di sfondo come il punto elenco. Ho fatto un rapido jsfiddle to demonstrate it

li { 
    height: 19px; 
    margin: 10px 0; /* not needed, just to add space between the li's */ 
    background: url('../images/vmgeneral/errow.png') no-repeat left center; 
    list-style: none; /* Get rid of the default bullet points */ 
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */ 
    line-height: 20px; /* Might have to play with this value a bit */ 
} 

Answer 2

Put e li class

e mettere collegamento sfondo classe 'all'immagine come il proiettile