title: CSS list-style: none; still shows bullet
body: <p>I am using YUI reset/base, after the reset it sets the <code>ul</code> and <code>li</code> tags to list-style: disc outside;</p>
  
  <p>My markup looks like this:</p>
  
  <pre><code>&lt;div id="nav"&gt;
       &lt;ul class="links"&gt;
           &lt;li&gt;&lt;a href=""&gt;Testing&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS is:</p>
  
  <pre><code>#nav {}
  #nav ul li {
      list-style: none;
   }
  </code></pre>
  
  <p>Now that makes the small disc beside each li disappear.</p>
  
  <p>Why doesn't this work though?</p>
  
  <pre><code> #nav {}
   #nav ul.links 
   {
        list-style: none;
   }
  </code></pre>
  
  <p>It works if I remove the link to the base.css file, why?.</p>
  
  <p>Updated: <code>sidenav</code> -> <code>nav</code></p>