title: Div with 100% height having no browser scrollbars
body: <p>I have a panel having divs in the following order</p>
  
  <pre><code>&lt;div id="portlet" class="ui-widget-content"&gt;
       &lt;div id="header" class="ui-widget-header"&gt; ....&lt;/div&gt;
       &lt;div id="content"&gt; ... &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My content gets the scrollbar if the content overflows. I have a maximise button to maximise the panel. So when I maximise the panel I add the following css class.</p>
  
  <pre><code>.maximise {
      position: absolute !important;
      width: 100% !important;
      height: 100% !important;
      left: 0px !important;
      top: 0px !important;
      z-index: 1 !important;
   }
  </code></pre>
  
  <p>But then I get the browsers scrollbar and the contents scrollbar as well.
  Please help!!!
  Thank you in advance.</p>