title: Footer doesn't stick at the bottom
body: <p>I've read a lot of articles and existing questions on stackoverflow. I've litteraly tried over 10 different pieces of code. It just doesn't work.</p>
  
  <p>I've got a website, and I would like the footer to stick on the bottom no matter what. I mean, litteraly stick on the bottom. I do not want it to move with the height of the window of the browser. I want it to stay below all existing divs.</p>
  
  <p>At the moment the footer is at the bottom of the page. But it moves with the height of the window of my browser. So, if I minimize my browser, the footer will move upwards with the height of the browser. I do not want that.</p>
  
  <p>I've tried a lot, but it doesn't work. This is my current code:</p>
  
  <pre><code>body{
  background-image: url('../images/bg.png');
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
  }
  
  body, html{
      height: 100%;
  }
  
  #body{
  width: 1024px;
  min-height: 100%;
  margin: 0 auto;
  }
  
  #footer{
  clear:both;
  min-height: 150px;
  width: 100%;
  background-image: url('../images/footerbg.png');
  background-repeat: repeat;
  }
  </code></pre>
  
  <p>The body ID is the wrapper. The footer is outside the body wrapper</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="body"&gt;
          &lt;!-- HEADER --&gt;
          &lt;div id="logo"&gt;&lt;/div&gt;
          &lt;div id="menu"&gt;
              &lt;ul id="hmenu"&gt;
              &lt;!-- stuff --&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  
          &lt;div id="page"&gt;
              &lt;!-- stuff --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="footer"&gt;
      &lt;!-- stuff --&gt;
      &lt;/div&gt;
  
      &lt;div id="navigationbar"&gt;&lt;/div&gt;
  
  
  
      &lt;/body&gt;
  </code></pre>
  
  <p>Edit:
  The problem has to do with one of the divs inside the "body" div. It is being positioned using an absolute position. Is there any way to get the footer stickied properly using Ryan Fait's method, whilst using an absolute position?</p>
  
  <p>Edit #2: I forgot to use "clear:both". Solved it</p>