title: display: hidden CSS not working
body: <p>I'm trying to make parts of a list hidden when the page loads.
  <br>Specifically the <code>sdt_wrap</code> class of my HTML.<br>I know that the display:hidden is in the correct spot it just is not taking in the hidden value</p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>ul.sdt_menu li span.sdt_wrap{
      position:absolute;
      top:25px;
      left:50px;
      width:170px;
      height:150px;
      z-index:501;
      display: hidden;
  }
  </code></pre>