title: css pseudoclass:hover not working
body: <p>I am struggling to get a simplest css hover pseudoclass to work. Anybody knows why the following doesnt work?</p>
  
  <p>the css</p>
  
  <pre><code>#hidden {display:none;}
  #show:hover #hidden{display:block;}
  </code></pre>
  
  <p>the html</p>
  
  <pre><code>&lt;a href="#" id="show"&gt;show&lt;/a&gt;
  &lt;div id="hidden"&gt;here i am&lt;/div&gt;
  </code></pre>
  
  <p>I really feel stupid asking such a simple question, i did this a hunderd times, but cant figure out why this shouldnt work.</p>