Page overlay sizing problem (CSS)

[Bryant May]

Hi everyone, This is a brief question which Im sure has an easy answer, but one that I cant see! I have a .png page overlay in the lightbox style that I want to display when a user carries out various actions. The problem I am having is that although it covers the entire page on my monitor (a 1440 x 900 resolution) when I view it on a different resolution (say 1024 x 768) it no longer stretches to the full length. It appears that although the .png image is repeated 100% vertically and 100% horizontally that it only covers the viewable area. Anything below this that requires scrolling to get to is not covered by the overlay. Does anyone have any thoughts on why this might be happening and what I can do to fix it? Cheers, Bryant

[Bryant May]

Unless someone has a better suggestion (pure CSS) I have resolved this by using JS to obtain the window height and width (and max scroll areas) and then dynamically setting the overlay height and width with these values.