title: List bullets not displaying correctly in Internet Explorer
body: <p>I have an <code>&lt;ol&gt;</code> with some <code>&lt;li&gt;</code>'s in it, in FF it looks good, but for some reason in IE it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/MpQDR.jpg" alt="List Bullet weirdness in IE"></p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;ol start="1"&gt;
     &lt;li&gt;Free gifts click here&lt;/li&gt;
     &lt;li&gt;Free gifts click here&lt;/li&gt;
     &lt;li&gt;Bonus gifts&lt;/li&gt;
   &lt;/ol&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>ol {
      list-style: none outside none;
  }
  li {
      list-style: decimal outside none;
      margin-left: 30px;
      margin-bottom: 12px;
  }
  </code></pre>
  
  <p>Any idea?</p>
  
  <p>Thanks,</p>