layout looks bad in IE but not Firefox- BareBones

[hansolo2008]

IE is displaying my cart to the left of the screen, but looks fine in firfox and safari

I was using bare bones and i made the layout smaller and made some changes recently to the mainwrapper...do u see what could be wrong? - Thanks


/*wrappers - page or section containers*/
#mainWrapper {

background-image: url(transparent);
background-repeat: repeat-x;
background-color: #ffffff;
height:1300px;
position:absolute; "When i add the center value, it makes IE look good, but not firefox and safari.
top:50%;
left:50%;
margin-top:-450px;
margin-left:-430px;
border:10px solid #aaa;
text-align: left;
width: 60%;
border: 1px solid #ccc;
}


}

#logoWrapper{
background-image: url(http://www.mylogo.com/images/thelogo.gif);
background-position: center;
background-repeat: no-repeat;
background-color: #A50000;
height:220px;

}

[hansolo2008]

I still having problems with the alignment of entire page. In firefox and safari my layout is left on the browser, in IE its center.

how can i make it look good in all browsers?

[stevesh]

We'll need a link to the site.

[TechNY]

Anything ever found on this? I cannot get this to work - everything within mainWrapper is left in IE and centered in Firefox. I've tried everything from changing the DTD in html_header, modifying margins to auto for mainWrapper and Body - nothing... Commenting, etc.

I'm able to get the full cart (mainWrapper) to align LEFT in Firefox, so I know I've got control with what I'm doing - IE is just not responding.

It's IE 6.x and FF 3.0.7

!!!!!!!!!!!!!!!!!!!!!!!

Thank you!