IE6 Bullet Point Alignment проблема

Question

У меня в настоящее время есть некоторые проблемы с <li> в IE6, по сути, мой код выглядит так,

<ul>
  <li>some filler text some filler text</li>
  <li>some filler text some filler text</li>
  <li>some filler text some filler text</li>
</ul>

Проблема возникает, когда я просматриваю страницу в IE 6, маркеры и текст не выстраиваются в линию, как можно было бы ожидать, кто-нибудь когда-либо сталкивался с этой проблемой раньше, поскольку запись здесь - это CSS для div и li.

#contentMiddle li
{
    /*background-image:url(../images/bullet.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:left;
    list-style-position:outside;*/
    list-style-image:url(../images/bullet.gif);
    list-style-position:inside;
    text-align:left;
    margin-bottom:5px;
}

#contentMiddle
{
    background-color:#A3BAD9;
    padding-left:20px;
    padding-right:20px;
}

Спасибо за вашу помощь

sico87: -)

Answer 1

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