title: Cover body with background-image
body: <p>I have a webpage with a fixed <code>height</code>. Now I want to fill the whole <code>body</code> with a background-image. The background has to <strong>zoom-to-fit</strong>. </p>
  
  <p>I tried the <code>background-size: cover</code>, which does exactly what I want, though the <code>height</code> overflows the <code>body</code>. An example: <a href="http://jsfiddle.net/7c6o4aox/1/" rel="nofollow">http://jsfiddle.net/7c6o4aox/1/</a>.</p>
  
  <p>How do I make the background-image cover only the body? Is it possible to set a <code>max-height</code> on the background?</p>