title: Dropdown Menu wont appear
body: <p>I am working on my portfolio and I have stumbled upon a problem while working on my navigation bar. I am trying to hide the drop-down and make it appear on hover, but it is not showing up. I am also trying to center the dropdown menu to its parent which is <code>Portfolio</code>, but I could not figure out how to do so, so I just used padding which is a very poor method.</p>
  
  <p>Here is the part of the code I think I am doing something wrong in, and a fiddle.</p>
  
  <pre><code>nav ul li:hover ul {
      height: auto;
      overflow: auto;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3ECvS/" rel="nofollow">JSFiddle</a></p>