Christian: Seite wird in Firefox nicht mittig angezeigt

Beitrag lesen

Hallo

kann mir vielleicht jemand sagen, wieso das rote Div Element (class="header_top") nicht in der Seitenmitte angezeigt wird, obwohl ich im übergeordnenen DIV Element text-align:center angegeben habe?

In IE funzt es, jedoch nicht in Firefox :(

Danke schonmals

---> Und hier der Code:
*********************************************************************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>test</title>

<style type="text/css">

body {
 background-color: #8fbc8f;
}

.main {
 text-align:center;
}

.header_top {
 text-align:center;
 width:800px;
 height:600px;
 background-color:#cd4512;
 margin-top:50px;
}
</style>

</head>
<body>
 <div class="main">
  <div class="header_top">
  </div>
 </div>
</body>
</html>