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

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;
}

使用している形式は有効ですが、ブラウザを混乱させていることをお勧めします。