CSS ok In IE but not in Chrome Or Firefox

[GaryBerry]

The following CSS works great in IE. everything stays centered no matter how wide you make your browser, but in firefox the divs are more on the right side of the browser.

Here is the CSS:
body {
margin: 0;
padding: 0;
text-align: center;
min-width: 600px;
background-color: #29BCBD;
background-attachment:fixed;
}
#centeredlayer {
position: relative;
top: 0;
right: 0;
margin: 0 auto;
width: 800px;
text-align: left;
Border-style: dashed;
border-width: 0px;
border-color: black;
}
#centered_div {
padding:1px;
position: relative; top: 27px; left: 0px; width: 790px; height: 1361px; z-index: 1;
background-color:#FFFF00"
}

How can I make this work in firefox?
Any help would be appreciated. Obviously I am a newbie to CSS.