PHP "window" in site design not working for IE of any version

A friend of mine is designing a simple website to display news information and such on development of software he is working on. He seems to be doing this through PHP, the particular design uses a sort of overlay window over the main body and works properly in Firefox and Chrome, but doesn't do its job in Internet Explorer (any version).

In detail; he has a news feed he updates, and has a link that says "[Open News]", and when you click on this, a gray box comes up and overlays over the main page like shown below.

Two images cropped together to show the effect of the PHP script placed in the site design  and how it should look like.
When you do the same in Internet Explorer, below is what happens.

Image of a PHP script shown in Internet Explorer not working properly
As you can see, its not what it should be doing. I think there's a compatibility issue involved but  can't figure it out for myself, and thought someone might be able to help.

I can ask the designer for the code if it is needed to help troubleshoot.

Thanks in advance.
HMNormoyleAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

ingriTCommented:
Do you have the url, or the css and html code to check this? Without code there are too many options of things that could be wrong.
HMNormoyleAuthor Commented:
The URL is currently an IP address as he has not purchased a domain name yet and is still developing it.

http://216.238.232.35:4545/?p=News
ingriTCommented:
Try this in your stylesheet (replacing the current code) for the #FullPage div:

#FullPage
{
position:relative;
top: -120px;
}

#FullPageInner
{
// nothing
}

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Starting with Angular 5

Learn the essential features and functions of the popular JavaScript framework for building mobile, desktop and web applications.

HMNormoyleAuthor Commented:
That seemed to place it in the center of the page, which is obviously better than where it was before. I'm only able to test this locally as I do not have access to his FTP to upload the new stylesheet myself. Is there a way to extend the window so that it fills the window vertically or is there a limitation for Internet Explorer?

This is the outcome:

Full screen image of updated stylesheet.
ingriTCommented:
You can set a higher value for the top, not -120px, but -300 px.
HMNormoyleAuthor Commented:
Great, I'll have him look this over. Thanks for the help.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.