title: fullscreen blanket only covering the visible screen. not there if you scroll down
body: <p>this might be a simple question but i can't seem to figure it out.</p>
  
  <p>i'm creating a popup window using jquery. when the edit button is clicked, a popup window appears and a blanket covers everything behind it to give the impression of a fade out.</p>
  
  <p>i have it working properly, but the background blanket is only covering the visible screen space. meaning you can scroll down and see where the blanket ends.</p>
  
  <p>i'm trying to get it to cover EVERYTHING on the page, even the stuff that you can't see unless you scroll.</p>
  
  <p>this is the css i currently have, </p>
  
  <pre><code>#blanket {  
   background-color:#111;
   opacity: 0.65;
   filter:alpha(opacity=65);
   height:100%;
   width:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:2000}
  </code></pre>
  
  <p>how would i get it to cover everything?</p>