Untitled

How do you center a div in Firefox and IE?
<html>
<body bgcolor="black">
<center>
<div style="width:1080px;height:288px;">
<img src="declined.png" width="1080" height="288" alt="" style="z-index:0;position:absolute;" ondragstart="return false"/>
<img src="cover.png" width="1080" height="288" alt="Declined."" style="z-index:1;position:absolute;" ondragstart="return false" />
</div>
</center>
</html>

<div style="width: 1080px; height: 288px; margin: 0 auto; position: relative">
   <img ... >
   <img ... >
</div>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="main" style="width:1080px;height:288px;">
        <img src="declined.png" width="1080" height="288" alt="" style="z-index:0;position:absolute;" ondragstart="return false"/>
        <img src="cover.png" width="1080" height="288" alt="Declined."" style="z-index:1;position:absolute;" ondragstart="return false" />
    </div><!-- end div main -->
</body>
</html>

#main{
    margin: 0 auto;
    width:1080px;
   height:288px;
}