Как я могу установить собственное изображение пули тега li?

Я пытаюсь установить собственное изображение как пулю. когда я использую фоновый или фоновый тег, он работает, но не правильно выравнивается со списком. И когда я использую стиль в стиле списка, он не отображает изображение в виде пули.

Проблема:

Css

enter image description here

Firebug

enter image description here

Изображение также отображается в firebug, когда я нажимаю на него курсор

Неверный конечный результат

enter image description here

Решение:

Корректный вывод, который я хочу

enter image description here

Ответы

Ответ 1

Здесь один метод, используя вместо него фоновое изображение. Я сделал быстрый jsfiddle, чтобы продемонстрировать его

li {
    height: 19px;
    margin: 10px 0; /* not needed, just to add space between the li */
    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 */
}

Ответ 2

Класс Put и li

и поставьте фокусную ссылку класса на изображение как маркер