layout looks bad in IE but not Firefox- BareBones

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%29;
background-position: center;
background-repeat: no-repeat;
background-color: #A50000;
height:220px;

}

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?

We'll need a link to the site.

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

:censored:!!!!!!!!!!!!!!!!!!!!!!!

Thank you!