lightbox size problems

[wrighty59uk]

I am useing lightbox v2.0 on my new site, but i seem to have a little probem with it. for some reason the background image dosent fill the page. i have a gap at the right hand side and at the bottom of the page. ive fixed the problem with the gap on the right hand side by doing this

original code
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

New Code
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 102%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

but i cant work out how to get rid of the gap at the bottom of the page
any help would be greatfully received

thanks in advance
wrighty59uk

[jscheuer1]

This is probably due, in the first place, to something else about styles for the page in general. I'm thinking styling the overflow for the body and/or html selectors and/or having width and/or height set for one or both of them. This also has happened where the main page is set via style so that when it scrolls, only a portion of the page scrolls.

If it is the latter, you may have to choose between the two effects - Partial Page Scrolling or Lightbox.

Theoretically, though at least, you should be able to custom mod lightbox.js to temporarily suspend these styles of the body and/or html selectors during the display phase of Lightbox.

Then again, it may be something else entirely.