title: #nav-bar li:hover ul not working?
body: <p>My following css selector <code>#nav-bar li:hover ul</code> should show the </p>
  
  <pre><code>  &lt;li&gt;&lt;a href="#"&gt;Marketing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Advertising&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Media&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>but its not showing here is the fiddle </p>
  
  <p><a href="http://jsfiddle.net/g9Rrn/1/" rel="nofollow">http://jsfiddle.net/g9Rrn/1/</a></p>