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

您應該決定要使用背景圖像還是列表樣式圖像來添加項目符號。 我建議您使用背景圖像解決方案，因為您已經看到另一個在IE6中存在問題。