title: How to scroll LI items in a fixed height UL?
body: <p>Here is my example HTML. </p>
  
  <p>And I want to have scroll for my LI items. </p>
  
  <p>Which are of 2 levels. Means, I want to apply class on every UL.</p>
  
  <p>So how can I do that. By using JQuery or CSS tweaking.</p>
  
  <p>PS: I am using this <a href="http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html" rel="noreferrer">example</a>.</p>
  
  <pre><code>&lt;ul id="nav" class="dropdown"&gt;
  &lt;li class="dir"&gt;
      Item_Root
      &lt;ul&gt;
          &lt;li class="dir"&gt;
              Item_1_Level
              &lt;ul&gt;
                  &lt;li&gt;Item_Level_2&lt;/li&gt;
                  &lt;li&gt;Item_Level_2&lt;/li&gt;
                  &lt;li&gt;Item_Level_2&lt;/li&gt;
                  &lt;li&gt;.... up to N items&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;Item_Level_1&lt;/li&gt;
          &lt;li&gt;Item_Level_1&lt;/li&gt;
          &lt;li&gt;Item_Level_1&lt;/li&gt;
          &lt;li&gt;Item_Level_1&lt;/li&gt;
          &lt;li&gt;.... up to N items&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  
   &lt;/ul&gt;  
  </code></pre>