html - 仅在 Firefox 和 ie 中为 ul 的 li 获取不必要的子弹

Question

我有一个 ul 和一些 li 属于它，一切都很好，但问题是首先 li 在 Firefox 中获得了额外的子弹，即在其他浏览器中它很好

html

<div id="listItems">
    <div class="colorBlock orange"></div>
    <span>4 pts (1)</span>
     <ul id="dlrsList">
          <li >Crosstown Auto Centre</li>
          <li >Grande Prairie Chrysler Jeep Dodge</li>
     </ul>
</div>

css

#dlrsList {
            width: 100%;
            text-align: justify;
            display: list-item;            
            li {             
                padding: 0px;
                position: relative;                
                bottom: 8px;                                
                max-width: 160px;
                font-size: 12px;
            }
        }

Answer 1

我认为您的代码工作正常，只是在这里检查了一下http://jsfiddle.net/TGVKu/

相同的CSS

#dlrsList {
            width: 100%;
            text-align: justify;
            display: list-item;            
            li {             
                padding: 0px;
                position: relative;                
                bottom: 8px;                                
                max-width: 160px;
                font-size: 12px;
            }
        }

抱歉，我应该在评论中添加此内容，但我没有足够的声誉这样做。

Answer 2

尝试分离 CSS 并执行以下操作：

#dlrsList ul {
   width: 100%;
   text-align: justify;
   display: list-item;                       
}

#dlrsList ul li {             
    padding: 0px;
    position: relative;                
    bottom:8px;                                
    max-width: 160px;
    font-size: 12px;
}

我建议您使用的格式虽然有效，但会使浏览器感到困惑。