title: CSS height not working if body has min-height
body: <p>I don't get my first child in the body to 100% height, if the body has <code>min-height</code> specified.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;style&gt;
              html {
                  height:100%;
              }
              body {
                  min-height:100%;
              }
              #wrapper {
                  height:100%;
                  min-width:1120px; /* 250px each side (content width is 870px) */
                  max-width:2000px;
                  background-image:url(bg.png);
                  background-position:50% 25px;
                  background-repeat:no-repeat;
                  background-size:cover;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="wrapper"&gt;
              &lt;!-- web content --&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This does <strong>not</strong> resize the wrapper to the height of the window. When I remove the <code>min-</code> and use <code>height</code>, it'll work. But I have to have the content height variable...</p>
  
  <p>I did find some other posts here on SO and on google, but they have just questions and no solution.</p>