title: Html and body height are not 100%
body: <p>I have a jquery mobile page. Even I set the 100% on html and body, the height of html and body is still not the same as its content container (landing-container). For this jsfiddle example, its body's height is about 300px but landing-container's height is about 1600px. I am using Chrome. Why does it happen and is there any workaround? </p>
  
  <pre><code>html, body {
      min-height: 100%;
      -webkit-text-size-adjust: 100%;
  }
  
  &lt;html&gt;
  &lt;body&gt;
  &lt;div id="holder" data-role="page" data-theme="none" data-ajax="false"&gt;
      &lt;div class="header"&gt;
      &lt;/div&gt;
      &lt;div class="landing-container"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>You can check it out here.
  <a href="http://jsfiddle.net/angelohuang/brbqh/4/" rel="nofollow">http://jsfiddle.net/angelohuang/brbqh/4/</a></p>