IE6 Пули в списках

Question

Моя ссылка здесь:

Пример страницы

Я использую list-style-image: чтобы разделить мои горизонтальные списки (самый верхний и нижний). У меня есть класс .first для удаления изображения из первого li в каждом списке.

И вот в IE6 это не работает. Случается так, что изображения маркеров не отображаются, а также несколько нижних пикселей текста обрезаются.

Скриншот

Я исправил несколько ошибок 'haslayout' на этой странице, но я чувствую, что это как-то связано с моей иерархией правил, хотя мне кажется, что никакие взломы не работают.

Может кто-нибудь пролить свет на это, возможно? Спасибо.

Кроме того, мое изменение цвета работает при наведении, но не подчеркивании, в том же селекторе?

РЕДАКТИРОВАТЬ ОК, я использовал технику фонового изображения, которую предлагает yoavf, которая, кажется, делает свое дело, но проблема обрезки все еще остается. Похоже, это отдельная тема ...

вот мой пересмотренный CSS

#site-navigation li {
    background-image:url(../img/site-nav-seperator.gif);
    background-position:0 4px;
    background-repeat:no-repeat;
    float:left;
    padding-left:15px;
}
#site-navigation li.first {
    background-image:none;

}

дальнейшее редактирование:

Также удалось исправить обрезку, присвоив тегу некоторую высоту строки.

#site-navigation a {
    color:#666666;
    display: block;
    text-decoration:none;
    margin-right: 1em;
    line-height: 1.1em;
}

хотя это немного похоже на уловку:)

Answer 1

Вот отличная статья о списках стилей: http://www.alistapart.com/articles/taminglists/

В нем много примеров / скриншотов того, как разные браузеры отображают списки. Он должен ответить на все ваши вопросы, а затем и на некоторые. :)

Answer 2

Я знаю, что это не совсем решение, но я бы рекомендовал использовать background-image вместо image-style image Вы получите тот же эффект, и он будет работать во всех браузерах.

Answer 3

Похоже, проблема с полями и отступами ваших объектов внутри навигации сайта.

Если бы вы показали свой CSS для этих элементов, мы могли бы проверить его быстрее:)