IE6子弹点对齐问题

Question

我目前在IE6中遇到<li>的问题，基本上我的代码看起来像这样，

<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中查看子弹时，子弹和文本没有按照您的预期排列任何人之前遇到此问题，因为这里的记录是div和li的CSS。

#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中存在问题，正如您所看到的那样。