Resolved Question: Can't Center My XHTML/CSS Layout!?

What am I doing wrong? I'm having a hard time. Here's my index code:

Phantom Designing

We Design Beautiful Websites at Affordable Prices

Get A Quote

Portfolio

And here is my CSS:

@charset "utf-8";
/* CSS Document */

html {
}

body {

font-size:90%;
font-family: helvetica, georgia, sans-serif;
text-align:center; /* for IE */

}

container {
width: 990px;
text-align:left;
margin:0 auto; /* for the rest */

}

#container ul,
#container ul li {
list-style-type:none;
}

#header {
background: url(images/header.jpg) no-repeat;
overflow: hidden;
min-height:62px;
}

#header h1 {
display: none;
}

#crossbar {
background:url(images/nav.jpg) no-repeat;
overflow:hidden;
min-height:34px;
text-align:left;
}

#topcontent {
background: url(images/topcontent.jpg) no-repeat;
overflow: hidden;
min-height:445px;
}

#topcontent h3 {
display: none;
}

#topcontent h4 {
padding-top: 250px;
padding-left: 38px;
width:600px;
}

li {
list-style:none;
display:inline;
}


a.quote {
display: block;
width: 175px;
height: 60px;
text-decoration: none;
float: left;
background: url("images/quote_button.png");
}
a.quote:hover {
background-position: -175px 0;
}
.displace {
position: absolute;
left: -5000px;
}

a.portfolio {
display: block;
width: 175px;
height: 60px;
text-decoration: none;
float: left;
background: url("images/portfolio_button.png");
}
a.portfolio:hover {
background-position: -175px 0;
}
.displace {
position: absolute;
left: -5000px;
}

#bottom {
background:url(images/bottom.jpg) no-repeat;
overflow:hidden;
min-height:134px;
}

What did I do wrong?