title: Float under position Absolute
body: <p>I have a problem I can't seem to fix.
  I have a big background banner which is set to <code>position: absolute</code> problem is, I want my footer to constantly be underneath it - no matter what height the banner has.</p>
  
  <p>An example:
  Footer looks fine: <code>http://danne-bro.com.web122.curanetserver.dk/histor.aspx</code>
  Footer NOT-fine: <code>http://danne-bro.com.web122.curanetserver.dk/who.aspx</code></p>
  
  <p>I have tried many many things as you can see in the sourcecode. A scraped version of what I'm trying to accomplish would be something like this:</p>
  
  <pre><code>  &lt;div id="fit"&gt;
      &lt;div class="wrapper"&gt;
        &lt;div id="banner"&gt;BANNER IN HERE - Position Absolute so its always underneath&lt;/div&gt;
      &lt;/div&gt;
  &lt;div class="wrapper"&gt;
  All content goes here - which is on top of the banner
  &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="footer"&gt;
      Footer in here - should float right under the banner.
      &lt;/div&gt;
  </code></pre>
  
  <p>But exactly how I make the footer stay under the banner (no matter it's height) is a problem for me. I hope I explained myself well enough.</p>