Beauregard T. Shagnasty wrote:
> KDawg44 wrote:
>
>> "Beauregard T. Shagnasty" wrote:
>>> Provide the URL to your best effort, that has the complete page.
>> Unfortunately, I cannot provide the URL because it is an
>> authenticated site.
>
> Do you mean visitors must log in to the main page? Set up a test at
> something like: http://example.com/test/grayout.html
>
>> The JavaScript is being called correctly on both browsers because
>> both divs are visible on both browsers, its just that the gray div is
>> not stretching across the screen in IE 7.
>
> I doubt if you will receive much unless you provide all the parts.
>
> Then again, maybe #grayBG won't stretch because it has no size .. no
> area, being absolutely position at zero.
>
> position: absolute;
> top: 0px;
> bottom: 0px;
> left: 0px;
> right: 0px;
>

Specifying all of top, bottom, left and right as 0 will make it stretch
to fit its positioning parent in a standards-compliant browser.

The question is, what is its positioning parent?

If the gray div is directly in the body of the document, you would need
to make sure the body element (and usually the html element as well) are
taking up 100% width and height. Unfortunately, this will probably
screw up everything else on your site.

The simplest solution here is probably to use javascript (since you are
already relying on it) to determine the window's width and height and
make your gray div match.

Jeremy