title: CSS :hover - why won't sub item appear?
body: <p>I can't work out what is wrong with my :hover CSS to make a sub item appear.</p>
  
  <pre><code>p:hover #main-navigation{display:block;}
  </code></pre>
  
  <p>The <strong>#main-navigation</strong> is set to display:none, so the code above shoul reset it back to visible?</p>
  
  <p>Here's a <a href="http://jsfiddle.net/56cx8zwx/1/" rel="nofollow">JS fiddle</a>.</p>