В CSS:
.tovar li {
list-style-image: url(path/imagename.jpg)
}
В HTML:
Код страницы
<div style="tovar">
<ul>
<li>Товар 1</li>
<li>Товар 2</li>
<li>Товар 3</li>
</ul>
</div>

Подробней: для маркера списка создаете картинку необходимого размера и прописываете в свойствах списка для блока tovar
Кусок кода, где идет перечисление товара, помещаем внутрь блока tovar. В результате, все элементы неупорядоченного списка в блоке будут отображаться с "галочкой" которую вы нарисовали

Цитата
StoneCold пишет:

не совсем получилось, по видимому я неверно указал путь, т.к. вместо картинки выдает обычную точку как при списке через теги ul и li

на любой элемент подгружаете галочку фоном и сдвигаете в нужную сторону, сам элемент с нужной стороны сдвигаете падингом на размер галочки

описанный выше способ подойдет только для списков

Код
.нужный_элемент{ background: transparent url('путь до картинки') no-repeat left center; padding-left: размер картинки.png}

если галочка с левой стороны...

Влад Мищенко,  неправильно пишите путь))
Файл стилей и картинки в одной папке или разных? Как путь пишите?
К примеру, если мой style.css лежит в папке CSS, а картинки в папке IMAGES, путь к картинке будет выглядеть так:
list-style-image: url(../images/imagename.jpg);
Еще, как вариант, юзаете браузер Chrome), который кеширует стили. Жмакните Ctrl+F5 - поможет