height not working when scrolling

Hi all,

Ive got this code below that sets up a mask that covers the whole page. It does cover the whole page but when i scroll down, that part that i scrolled isn’t masked. If i set the height to something high like 2000px it works, but i would rather that it just covers the whole page using something like 100%…then i don’t have to worry about it. Also if i set it to something like 2000px, there is tons of white space at the bottom of the page that i don’t want there. Does anyone have any ideas?

Thanks

<style type=”text/css”>
#overlay {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.60;
-ms-filter: “progidXImageTransform.Microsoft.Alpha(Opacity=79)”;
filter: alpha(opacity=79);
-moz-opacity: 0.79;
z-index: 2;
visibility: hidden;
position: absolute;}

</style>

Also in #CSS _↴