Strange Cross Browser Issue

HTML & CSS
1

I have a client’s site that has an issue that I cannot figure out.

setxaa.org is the site - looks fine in most browsers but some it appears that the entire site is shifted upward and the top part gets cut off. Seems to only happen in Internet Explorer on some systems. Any ideas? Any help or insight is appreciated, I’d love to figure out what is causing this.

2

In what version of IE does the problem occur? Except for some fonts, IE8 and Firefox render the same on my PC.

3

N-e-v-e-r m-i-n-d . . . .

The site is suffering from Abosolute Positioning syndrome.

The following style change should repair the reported problem.
change from:


#page{
position: absolute;
top: 50%;
left: 50%;
width: 1024px;
height: 768px;
margin-left:-512px;
margin-top:-384px;
}

to:


#page {
    position:relative;
    left:50%;
    width:994px;
    margin-left:-497px;
}

You should also move the <style> tags so they appear BEFORE the </head> tag.

I’m sure you realize that building a page with Absolute Positioning as the primary/only positioning technique is very inflexible.