title: a footer position:fixed to viewport bottom, but with a height limit
body: <p>In this sample, we have a (very fat) footer that is fixed to the bottom of the page. When viewing with a short viewport, it overlays the header and body. Is there any way to keep the footer outside certain minimum distance from the top, with css only? </p>
  
  <p>Have tried min-height and height on <code>body</code> and <code>#outW</code>, but nothing has any effect.</p>
  
  <p><a href="http://jsfiddle.net/2XsNH/1/" rel="nofollow">http://jsfiddle.net/2XsNH/1/</a></p>
  
  <p>(move the bottom of the browser window way up to see the yellow footer lay over the header)</p>