My layout looks centered in FireFox but when testing it in IE it's completely to the left.

I would really appreciate some help as to how to center it.

I'm pretty new at this and learning as I'm going along.

Here's what I have so far:


CODE
<html>
<head>

<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="container">



<div id="header"> </div>


<div id="wrapper">


<div id="sidebar">


<div id="sidebar2"> <h2>Sidebar</h2> <br> This is my sidebar. Yes this is my sidebar.

</div>

</div>


<div id="content"> <h2>Content</h2> <br> Yes this is my contetnt. This is my contest.

Yes this is my contetnt. This is my contest.
Yes this is my contetnt. This is my contest.
Yes this is my contetnt. This is my contest.
Yes this is my contetnt. This is my contest.
Yes this is my contetnt. This is my contest.


</div>

<div id="footer"> <b>Disclaimer</b><br>
This is my disclaimer. Yes this is my disclaimer.
This is my disclaimer. Yes this is my disclaimer.


</div>


</div>


</body>
</html>





CODE
body {
background-color: #a4aeb2;
background-image: url(images/bg.jpg);
margin: 0;
text-align: left;
font-family: Helvetica;
font-size:12px;
color: #707f87;

}


#container {
background-color: #ffffff;
background-image: url(images/containerbg.jpg);
background-image: repeat-y;
background-position: top center;
width: 860px;
margin: 0 auto;
}


#header {
background-image: url(images/header.jpg);
background-position: top center;
width: 820px;
height: 511px;
margin: 0 auto;
}

#wrapper{

margin: 0 auto 0 auto;

width: 800px;
}


#content {
background: #ededed;
float:left;
width: 488px;
text-align: right;
margin: 4px;
}


#sidebar {
float: left;
width: 300px;
}

#sidebar2 {
background: #ededed;
width: 288px;
margin: 4px;
}

#footer {
background: #ededed;
text-align: center;
margin: 4px 4px;
clear: both;
}


h2{
color: #e8ebec;
background-image: url(images/headbg.jpg);
font: bold
padding:0;
text-transform: uppercase;
background-color: #fff;
margin:4px 4px;
text-align:center;
font-size : 11pt;
line-height: 20px;
font-family : Arial;
}

b {color: #32576e;}
i {color: #4b687a;}
li {LIST-STYLE-IMAGE: url();}


EDIT: Now worries, found the problem. The can be closed or whatever.