Jak ustawić niestandardowy obraz punktora dla tagu li?

Question

Próbuję ustawić niestandardowy obraz jako punktor. kiedy używam tagu tła lub obrazu w tle, to działa, ale nie wyrównuje się prawidłowo z kategorią listy. I kiedy używam obrazu w stylu listy, nie wyświetla obrazu jako kuli.

Problem:

Css

Firebug

Obraz jest również wyświetlanie w Firebug, gdy poruszam myszką na na to

Zła moc ostateczna

Rozwiązanie:

poprawny wynik, co chcę

Answer 1

Oto jedna metoda, zamiast tego używająca obrazu tła jako kropki. Zrobiłem szybki 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 i li klasa

i umieścić klasę "link do tła obrazu jako pocisku