title: CSS : Removings dots in a list removes all the effects
body: <p>I want to remove the dots in a <strong>ul</strong>  but when I do, the height of the <strong>ul</strong> is reduced to 0px, so the contained <strong>li</strong> s have a transparent background. Can you give me an alternative ? This is the code :</p>
  
  <pre><code>&lt;ul class="class_1" style="z-index: 1; top: -557.15px; left: 801px; display: block; position: relative; width: 200px;"&gt;
      &lt;li class="class_2"&gt;
          &lt;a&gt;Ba&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="class_2"&gt;
          &lt;a&gt;Baa&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="class_2"&gt;
          &lt;a&gt;Baar&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;style&gt;
  li {
      list-style-type: none;
  }
  .class1
  {
      background-color: #FFFFFF;
      border: 1px solid;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Thanks.</p>