title: How to place the scrollbar to a jquery ui tab within a jquery ui modal dialog?
body: <p>I have created a simple modal dialog window. Inside the window, I have created two tabs. Within tabs, I have put a dynamic tree. The dynamic tree can grow in size when clicked on. When this happens, I get a scrollbar, on the side of the modal dialog window. </p>
  
  <p>The problem is when I scroll down, the tab titles within my dialog disappear. Is there a way to make sure the tab titles are stationary ? In other words, rather than make the dialog bar scrollable, can the tabs have a scrollbar ? </p>
  
  <p>I am quite green on css and javascript. The tabs are displayed within this modal dialog. From that point on, dialog becomes scrollable when the tree is expanded instead of the tabs. </p>
  
  <pre><code>&lt;div id="dialog" title="File Browser"&gt;
      &lt;div id="tabs"&gt;
         &lt;ul&gt;
           &lt;li&gt;&lt;a href="#finance"&gt;Finance FileShare&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#hr"&gt;HR Fileshare&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
       &lt;div id="finance"&gt;
            &lt;div id="financetree"&gt;&lt;/div&gt;
       &lt;/div&gt;
       &lt;div id="hr"&gt;
              &lt;div id="hrtree"&gt;&lt;/div&gt;
       &lt;/div&gt;
       &lt;/div&gt;
       &lt;div&gt;Active node: &lt;span id="echoActive"&gt;-&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>