CSS: how come html, body height: 100% is more then 100%? <p>hey, i was trying to do a bottom sticky footer <a href="http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/" rel="nofollow" title="using this">link test</a> and but it kept being more then 100% meaning it scrolled a litle bit..</p> <p>so i made a simple HTML code, without any additions but its still more than 100%, see here:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl" id="bangler"&gt; &lt;head&gt; &lt;title&gt;my title&lt;/title&gt; &lt;style type="text/css"&gt; html, body, #wrapper { height: 100%; } body &gt; #wrapper { height: auto; min-height: 100%; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="wrapper"&gt;aa&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>the thing is, it scrolls just a little bit more then 100% meaning about 5-10px more.. this is really strange, on both IE and Firefox !!</p> <p>Thanks in advance !</p>