CSS ul li image для выравнивания с текстом

У меня такой CSS как

ul {
    list-style-image:url(images/bulletArrow.gif);
}

ul li {
    background: url(images/hr.gif) no-repeat left bottom;
    padding: 5px 0 7px 0;
}

Но изображение пули не правильно выравнивается в IE (это хорошо в Firefox). У меня уже есть фоновое изображение для li, поэтому я не могу использовать изображение пули в качестве фона. Есть ли какое-либо решение для этого?

Спасибо заранее.

Ответы

Ответ 1

Спасибо вам обоим. Проблема в том, что я уже использую фон для разделителя строк. Но я изменю его на границу, тогда я воспользуюсь фоном для изображения пули.

Ответ 2

Здесь есть хорошее объяснение и решение: http://css.maxdesign.com.au/listutorial/master.htm

В нем говорится, что использование list-style-image приводит к несогласованному размещению изображения с разными браузерами. Затем он объясняет, как использовать фоновые изображения для пуль для лучшего результата.

Ответ 3

используйте строку-высоту:)

Ответ 4

Я вижу, что вы удаляете левое дополнение для элементов списка. Для IE вам нужно сделать то же самое с левым полем - либо полностью удалить его (установить на ноль), либо сделать его чем-то меньшим, чем значение по умолчанию. Затем ваши элементы списка будут хорошо выравниваться.