title: Div height is not adjusting when RadMultiPage loads a long page
body: <p>My asp.net page has a div (#multipage) that contains a Telerik MultiPage control.  For those who are not familiar with Telerik controls think of it as a iFrame that loads various other page in response to the user's clicks on a tab control.  My problem is that one of my pages loaded by the multipage control is a long one.  And when it loads the browser wraps it with scrollbars rather than expanding the height of the div that contains it.  I can't figure out why this is happening.  I suppressed scrollbars in the control and did my best to configure my css such that the height of the div is dynamic.</p>
  
  <p>Below is an abbreviated version of my asp.net markup showing only those elements that are related to layout.  Can someone please tell me what I need to do to make the height of the multipage div dynamic?</p>
  
  <pre><code>&lt;head runat="server"&gt;
  &lt;style type="text/css"&gt;
  * {
  margin: 0;
  }
  html, body 
  {
      height: auto;
      height: 100%;
  }
  .wrapper {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
  }
  .footer, .push {
      height: 142px; /* .push must be the same height as .footer */
      background-color: #144e77;
      color: #fff;
      font-family: DejaVuSansBook, Sans-Serif;
  }
  #multipage
  {
      min-height: 100%;
      height: auto !important;
      height: 100%;
  
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body style="background:url(AuthImages/bg.jpg) repeat; margin:0px 0px 0px 0px"&gt;
      &lt;form id="form1" runat="server"&gt;
  
  
  &lt;div class="wrapper"&gt;
  &lt;div id="header_container"&gt;
  &lt;div id="header" style="width:100%; height:75px;"&gt;
  &lt;div id="logo" style="float:left"&gt;&lt;/div&gt;
  &lt;div id="welcome" style="float:right; margin-right: 5px; margin-top:5px;"&gt; 
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
      &lt;div id="tabs" style="width:100%; height:25px; border-bottom: 2px solid #144e77"&gt;
  
      &lt;telerik:RadTabStrip ID="RadTabStrip1" runat="server" 
          SelectedIndex="0" Width="100%" MultiPageID="RadMultiPage1"&gt;
          &lt;Tabs&gt;
          &lt;!--tabs are here--&gt;
          &lt;/Tabs&gt;
      &lt;/telerik:RadTabStrip&gt;
  
  &lt;/div&gt;
  
  &lt;div id="multipage"&gt;
      &lt;telerik:RadMultiPage ID="RadMultiPage1" runat="server" ScrollBars="None"&gt;
      &lt;!--RadPageViews are here--&gt;    
  &lt;/div&gt;
  
  &lt;div class="push"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div class="footer"&gt;
  &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>
  </p>