title: Full-width footer won't stick to the bottom
body: <p>I didn't managed it to stick my full width footer to the bottom of my webpage. When the main content above the footer is beneath a certain height, there is a blank space underneath the footer. I've tried to use all kind of solutions like the folowing css code:</p>
  
  <pre><code> html,body { margin:0; padding:0;min-height:100%;position:relative;}
   .wrapper { min-height:100%;   position:relative;_height:100% /* _height = for ie */  }
   .page { padding-bottom:400px; height:100%; }
   .footer { padding:0;margin:0 position:absolute; left:0; bottom:0; width:100%; height:400px; } 
  </code></pre>
  
  <p>Still the footer will stick to the bottom of the main content instead of the bottom of the page. I think there is nothing wrong with my css. </p>
  
  <p>example: <a href="http://hertog-hengelsport.nl.testbyte.nl/checkout/cart/" rel="nofollow">http://hertog-hengelsport.nl.testbyte.nl/checkout/cart/</a></p>
  
  <p>I hope someone can point me to the solution!</p>
  
  <p>Many thanks!</p>
  
  <p>URL: <a href="http://hertog-hengelsport.nl.testbyte.nl" rel="nofollow">http://hertog-hengelsport.nl.testbyte.nl</a>
  Platform: Magento 1.7.2</p>