title: Multilevel scrollable menu
body: <p>I want to make a multilevel scrollable menu. How can I do it?
  Here is the <a href="http://jsfiddle.net/GodRevenge/jq1zrkwo/2/" rel="nofollow">FIDDLE</a> I make for testing:</p>
  
  <pre><code>.nav ul {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: scroll;
  max-height: 100px;
  }
  </code></pre>
  
  <p>I have tried out to set the max-height, and add the overflow: scroll. But it doesnt display what I want. I want it to be eg: level 2 scrollable, meanwhile level 3, level 4 still stay side by side when i mouse over it.
  Thank you guys!</p>