title: Getting unnecessary bullet for li of an ul only in firefox and ie
body: <p>I have an ul and some li's fall under it, everything is fine, but the issue is first li is getting an extra bullet in firefox and ie in rest of the browsers its fine</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id="listItems"&gt;
      &lt;div class="colorBlock orange"&gt;&lt;/div&gt;
      &lt;span&gt;4 pts (1)&lt;/span&gt;
       &lt;ul id="dlrsList"&gt;
            &lt;li &gt;Crosstown Auto Centre&lt;/li&gt;
            &lt;li &gt;Grande Prairie Chrysler Jeep Dodge&lt;/li&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#dlrsList {
              width: 100%;
              text-align: justify;
              display: list-item;            
              li {             
                  padding: 0px;
                  position: relative;                
                  bottom: 8px;                                
                  max-width: 160px;
                  font-size: 12px;
              }
          }
  </code></pre>