title: Footer background should extend to bottom of browser
body: <p>I have a problem with fixing the footer to the bottom of the browser .. The problem is when resolution changes or windows resizes the footer content overlaps the content of the website, here is the current css for footer div</p>
  
  <pre><code>div.footer {
          position:absolute;
          bottom:0px;
      }
  </code></pre>
  
  <p>Does anybody knows how can I fix this? Thank you</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>This is what I need exactly but for some reason it doesn't work for my web page, it does work when I cut paste code to the blank page, but since my page is full with content and everything, what are the important elements to include?  <a href="http://www.lwis.net/profile/CSS/sticky-footer.html" rel="noreferrer">Here</a>is the url.</p>
  
  <p>The above trick works only if my website has filled content if I have some lets say few lines the above trick doesn't work.</p>
  
  <p><strong>UPDATE II</strong></p>
  
  <p>My website has dynamic content so I think can't use this sort of CSS Sticky footers because sometimes the website will just have few lines sometimes be packed with content. Thats why the footer is not sticking to the bottom of the webpage.. its not problem to stick the footer if there is plenty content on the website the problem is without.</p>