title: Fixed header + sticky footer
body: <p>Hey Stackoverflow team,</p>
  
  <p>I have a tiny problem with fixed header and sticky footer. Code is available here: <a href="http://jsfiddle.net/sgWxh/" rel="nofollow">http://jsfiddle.net/sgWxh/</a></p>
  
  <p>What I want o achieve:
  + Header which stays always on top, even during scrolling - its visible always in the same place,
  + Footer which is sticked to the bottom of page - it's NOT visible during scrolling, unless you will get to the bottom of page.</p>
  
  <p>I see that position fixed is not working on some way with sticky footer made in this way:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/</p>
  
  <p>any ideas?</p>