Horizontal positioning - IE nightmare

1

hey everyone, im making a site and am trying to position a CSS ‘container’ element/div horizontally on the screen.

ive got it fine on firefox, by using margin: 0px auto; but have seen lots of article on the net talking about bugs with IE.

i have made a few sites before and got them horizontally aligned in both IE and firefox, so im not sure whats going on here.

if anyone could help id greatly appreciate it.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
<!--
body {
    text-align: center;
}
-->
</style>
<link href="mystyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container" align="center">
    <div id="topleftimg"><img src="img/topLeft.png" alt="Top left img"  /></div>
    <div id="leftbar"><img src="img/leftBar.png" alt="Left bar" /></div>
    <div id="maintitle"><h3>Home</h3></div>
    <div id="content">
        <p><b>Welcome to this website!</b></p>
        <p>Here is an example homepage</p>
    </div>
</div>

</body>
</html>

External CSS for ‘container’:

#container {
    position:absolute;
    width: 400px;
    height: 400px;
    bottom: 0px;
    margin: 0 auto;
    padding: 0px;
    float: none;
    left: 0px;
    right: 0px;
    text-align: center;
}

Cheers

ST