title: Problem with CSS Sticky Footer implementation
body: <p>Im having some problems getting the Sticky Footer to work on my site. If the content is smaller than the window the footer should stay at the bottom of the window and the dead space should be filled up with a div. I think the <a href="http://ryanfait.com/resources/footer-stick-to-bottom-of-page/" rel="nofollow noreferrer">CSS Sticky Footer</a> does this, but I cant get the "push div" to work push the content all the way down. As you can see my code isn't just body-wrapper-footer.</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="banner-bg"&gt;
      &lt;div id="wrapper"&gt;
        &lt;div id="header-bg"&gt;
          &lt;!-- header stuff --&gt;
        &lt;/div&gt; &lt;!-- end header-bg --&gt;
        &lt;div id="content-bg"&gt;
          &lt;div id="content"&gt;
            &lt;!-- content stuff --&gt;
          &lt;/div&gt; &lt;!-- end content --&gt;
        &lt;/div&gt; &lt;!-- end content-bg --&gt;
      &lt;/div&gt; &lt;!-- end wrapper --&gt;
    &lt;/div&gt; &lt;!-- end banner-bg --&gt;
  &lt;/body&gt;
  
  body { 
      color:              #00FFFF;
      background-image:   url("Images/img.gif");
      font-size:          1em;
      font-weight:        normal;
      font-family:        verdana;
      text-align:         center;
      padding:            0;
      margin:             0;
  }
  
  #banner-bg {
      width:              100%;
      height:             9em;
      background-image:   url("Images/img2.gif"); background-repeat: repeat-x;
      position: absolute; top: 0;
  }
  
  #wrapper {
      width:              84em;
      margin-left:        auto; 
      margin-right:       auto;
  }
  
  #header-bg {
      height:             16em;
      background-image:   url("Images/header/header-bg.png"); 
  }
  
  #content-bg {
      background-image:   url("Images/img3.png"); background-repeat: repeat-y;
  }
  
  #content {
      margin-right:       2em; 
      margin-left:        2em;
  }
  </code></pre>
  
  <p>Im confused about where the CSS Sticky Footer-code should go in my case.</p>
  
  <p>Edit, heres what I got and what I want to do:
  <a href="http://bayimg.com/image/gacniaacf.jpg" rel="nofollow noreferrer">alt text http://bayimg.com/image/gacniaacf.jpg</a></p>