Проблема со списком

[radamant.sxe]

Как видно на картинке, если ссылка состоит из 2 и более строчек, то 2 и последующие будут начинать налезать на иконку списка:

в CSS прописано так:

.list li{

background: url(images/ico-star-trans.png) no-repeat left;

margin: 0 0 5px;

padding: 0 0 0 12px;

}

.list li a{

padding: 0 0 0 17px;

}

Сам код списка выглядит примерно так:

<ul class="list>

<li><a></a></li>

</ul

Помогите плиз избавится от такого эффекта.

[SelenIT]

Я бы предложил убрать паддинг у ссылки (строчного элемента, отсюда и странности) и перенести его в <li>:

margin: 0 0 5px 12px;
padding: 0 0 0 17px;

Альтернатива — сделать ссылку блочной, но тогда при коротком тексте будет нелогичное кликабельное пустое пространство.

[s0rr0w]

li { padding: 0 0 0 27px;}

li a { padding: 0 }

[radamant.sxe]

Оба способа делают так, что все ссылки начинают наезжать на иконки списка

[Searcher]

А вы не забыли отменить стандартное форматирование списка?

list-style-type:none;

Ну и на всякий случай list-style-position:outside;

И padding: 0 0 0 17px; на вид должен быть больше 17px

[radamant.sxe]

А вы не забыли отменить стандартное форматирование списка?

list-style-type:none;

Ну и на всякий случай list-style-position:outside;

И padding: 0 0 0 17px; на вид должен быть больше 17px

Нет, всеравно не работает... левый отсуп 2 строчки отличаестся от отступа 1...

[Great Rash]

Быть такого не может. Может у вас стили какие перекрывают этот? Посмотрите через Firebug или в ИЕ8 (если есть) по F12.

[maddogrts]

.list li{

background: url(images/ico-star-trans.png) no-repeat 0 2px;

margin: 0 0 5px;

padding: 0 0 0 17px;

}

у вас выравнивание бэкграунда по центру идет