Как правильно вставить иконку li через CSS?

list-style: none outside url("/images/1.gif");

margin-left: 10px;

как-то так

У свойства background-image может быть только одно значение - путь к графическому файлу.

Тобишь, вы либо расписываете все свойства по одиночке:

background-image: url('images/1.gif');

background-repeat:no-repeat;

background-position: top left;

либо укороченным вариантом, что намного проще:

background: url('images/1.gif') top left no-repeat;

.categories li.imt {background: url('images/1.gif') top left no-repeat;}

// без -image

не вставляется. Путь к картинке верный.

.Categories ul li.imt{list-style-image: url('images/1.gif');}

li

{

padding: 0px;

margin: 0px 0px 0px 0px;

list-style: disc outside url("/design/li.gif");

}

Скажите, а именно бэкграундом нельзя вставить у li картинку? Вставилось, но почему-то сам li выровнялся по bottom.

как-то так:

<style>

div.SR div.Categories ul li.imt {

   background: url('http://dilovasiilkogretimokulu.com/images/delete.png') center left no-repeat;

   padding: 20px 0 20px 50px;

   list-style-type: none;

} 

</style>



<div class="SR">

<div class="Categories">

<ul>

<li class="imt"><a href="#">Рассчитать</a></li> 

</ul>

</div>

</div>

.Categories ul li.imt{list-style-type: none; background: url(images/1.gif) 0 0 no-repeat; height: 18px; padding: 10px 0 10px 50px; display: block;}

<style>
div.SR div.Categories ul li.imt {
   background: url('http://dilovasiilkogretimokulu.com/images/delete.png') center left no-repeat;
   padding: 20px 0 20px 50px;
   list-style-type: none;
} 
</style>

<div class="SR">
<div class="Categories">
<ul>
<li class="imt"><a href="#">Рассчитать</a></li> 
</ul>
</div>
</div>

Большое спасибо. Вот по этому рецепту получилось. Единственное, один из li в списке у меня вставляется кодом, который уже в верстке превращается вот в такое

Я попыталась добавить и второй li в стилях, видимо, не совсем точно опять?