title: How to override a *{list style:none} property
body: <p>I have the following declaration that is not editable (platform restriction):</p>
  
  <pre><code>*{list-style:none;} 
  </code></pre>
  
  <p>And I want to make a list with dots.
  This does not work:</p>
  
  <pre><code>#id{
  list-style-type:circle !important; 
  }
  </code></pre>
  
  <p>Can someone tell me how to override the first declaration?
  I was under the impression that in css * is overwritten by #id and that !important overwrites everything. Why this does not work?
  I made a jsfiddle at: <a href="http://jsfiddle.net/7AcA9/1/" rel="nofollow">http://jsfiddle.net/7AcA9/1/</a></p>
  
  <p>Thanks!</p>