why is the container docked on top in IE but is perfectly at the center in Firefox?

Question

Here is the CSS snippet:
#divmain
{
position:absolute;
width:100%;
height:100%;
border-style:none;
top: 0px;
left: 0px;
bottom:0px;
background-color:#FFFFFF;
}
#divcenter
{
position:absolute;
width:400px;
height:400px;
top:50%;
left:50%;
margin-left:-200px;
margin-top:-200px;
border-style:solid;
border-width:thin;
background-color:#4D6633!important;
padding:5px;
}
#divfocus
{
position:absolute;
width:380px;
height:380px;
top:50%;
left:50%;
right:50%;
margin-left:-190px;
margin-top:-190px;
border-style:solid;
border-width:thin;
background-color:#FFFFFF !important;

}

So is there any special commands for IE to put it in the middle.

Answer 1

Crazyfox
I would have to guess this is for myspace.com

can u give us your URL to ur myspace?

so we can have a look at the complete code

Thanks

Answer 2

Unfortunately, the above answerers are right.
Nowadays, you MUST have a bit of javascript/php for nearly every page: start sending your page, DETECT the browser before showing anything, then use a growing tree of "if-then-else", where you have to add code for every non-compliant browser.
(and NONE is FULLY compliant).
Many times, the CSS does not work, and I have to repeat the CSS as an on-line style (that works).
So, why continuing using CSS is IE does not care?
IE is STILL used by the very large majority of people (more than 80%). So, if your site does not work in IE, you better do something about it...
So your code:

Answer 3

Because there are difference in the way that IE and Firefox process many of the CSS commands. Firefox complies with the official standards on CSS, IE does not.

Answer 4

Its because Firefox is a standards complaint browser and Internet Explorer isn't. Opera and Netscape should display it properly too.