title: Footer div won't stay down when expanding GridView
body: <p>I have this page in which I have a footer, the page also displays a Gridview, the contents of the Gridview depend on what the user selects, the Gridview may have from nothing, to 168 rows, and everything in between. </p>
  
  <p>The master page is like this:</p>
  
  <pre><code>&lt;html&gt;
   &lt;body&gt;
    STUFF
    &lt;div id="footer"&gt;
      &lt;p&gt;This is the footer&lt;/p&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The CSS is like this:</p>
  
  <pre><code>#footer {
   width: 100%;
   height: 60px;
   margin: 0 auto;
   padding: 0;
   background: #E1E1E1;
   position:absolute;
   bottom:0;
  }
  </code></pre>
  
  <p>Now, I have tried position:fixed, but it's not what I want, that way the footer displays over the content of the page, I want it to be at the bottom. If I set it to relative it sets to the bettom of the content place holder of the master page, but you can still see it behind the Gridviews, if I set it to absolute, it goes to the bottom, but it only works when the Gridview has a certain small size of rows, if it has to display many rows, the footer will appear behind the gridviews as well.</p>
  
  <p>This is driving me crazy. Thanks for any suggestions.</p>