title: Height:100% and Sticky Footer layouts. The final battle
body: <p>CSS wonderland. My dream is to understand at least the 100% layout with sticky footer and header. I've been browsing the web and found five+ different ways to do that.</p>
  
  <p><a href="http://ryanfait.com/sticky-footer/" rel="nofollow">http://ryanfait.com/sticky-footer/</a></p>
  
  <p><a href="http://www.visibilityinherit.com/code/height-stickyfooter-centered.php" rel="nofollow">http://www.visibilityinherit.com/code/height-stickyfooter-centered.php</a></p>
  
  <p><a href="http://www.cssstickyfooter.com/using-sticky-footer-code.html" rel="nofollow">http://www.cssstickyfooter.com/using-sticky-footer-code.html</a></p>
  
  <p><a href="http://css-tricks.com/snippets/css/sticky-footer/" rel="nofollow">http://css-tricks.com/snippets/css/sticky-footer/</a></p>
  
  <p><a href="http://bonrouge.com/hcf-fluid.php" rel="nofollow">http://bonrouge.com/hcf-fluid.php</a></p>
  
  <p>I believe that there is some kind of common denominator. I want all the planet to know it!</p>
  
  <p>I ask you to compare these practices deeply and can tell what pitfalls each one contains. Which problems can happen with each layout?  Is it possible to break it using floats inside, etc? What shouldn't I do with it? Which browser are not covered?</p>
  
  <p>Examples are required</p>