title: height and width on html and body elements
body: <p>If I have the following markup</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  &lt;div id="container"&gt;
  &lt;p&gt;Lots of pragraphs here&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>with the following styles</p>
  
  <pre><code>html, body, #wrapper
  {
  width: 100%;
  height: 100%;
  }
  #container
  {
  width: 960px;
  margin: 0 auto;
  }
  </code></pre>
  
  <p>why does not my html, body and wrapper elements extend to 100% height of the browser/view port in FF13. The html, body and wrapper stop vertically about some distance from the bottom when looking in Firebug. The container div extends to the full height as it's height is determined by the content.</p>
  
  <p>(1263px X 558px for html, body, wrapper) and (960px X 880px for container)</p>
  
  <p>Looking at default 100% the above happens as the first image below shows. But when I zoom to the last poosible zoom in, the above does not happen as the second image below shows and the html, body, wrapper extends to the full height.</p>
  
  <p>(4267px X 1860px for html, body, wrapper) - (960px X 1000px for container)</p>
  
  <p><img src="https://i.stack.imgur.com/5Q3YZ.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/PKAXR.png" alt="enter image description here"></p>