title: body height does not fill page
body: <p>I have tried to set 100% height on the body, it works if there is no content, but with content the body does not fill the page.</p>
  
  <pre><code>&lt;html&gt;
   &lt;body&gt;
   test body
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
       &lt;div class="item"&gt; asdasdasda sda sda sdas das d&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>html {
      background: red;
      margin: 0px;
      padding: 0px;
      height: 100%;
  }
  
  body {
      background: white;
      max-width: 320px;
      height: 100%;
      margin: auto;
  }
  
  .item {
      height: 150px;
  }
  </code></pre>
  
  <p>I am getting MAD!</p>
  
  <p>JS Fiddle: <a href="http://jsfiddle.net/02dknpeo/2/" rel="nofollow">http://jsfiddle.net/02dknpeo/2/</a></p>