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

Question

У меня есть такой 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, поэтому я не могу использовать изображение маркера в качестве фона. Есть ли какое-то решение для этого?

Заранее спасибо.

Answer 1

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

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

Answer 2

использовать высоту строки:)

Answer 3

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

Answer 4

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