Take the 2-minute tour ×  I have a page where while the page
loads, I put an absolute DIV over all of my content with
"height:100%" that states "the page is loading...".  However, it
appears from the scrollbar that the height of the page is 100% +
the height of the content.  This immediately goes away once the
page loads and the overlay absolute positioned DIV is set to
display:none.  This happens in Firefox 3, Chrome, IE6.  Any
ideas on how to make height:100%, just 100% and not more?
<style type="text/css">          * html, * body {height: 100%;
margin: 0; padding: 0}                 #message {background:
black; height: 100%; left: 0; opacity: 0.15; position: absolute;
top: 0%; width: 100%}                 #loading {height: 100%;
left: 0; position: absolute; top: 45%; width: 100%; z-index: 2}
#loading p {background: white; border: 2px solid #666; width:
180px}      <div id="grayout"></div>      <div
id="loading"><p>Page is loading...</p></div>      <div
id="content">      // content is dynamically loaded into this