Estou tentando fazer um layout em css e estou usando a propriedade text-align no body. Em uma versão mais antiga do IE o layout aparece centralizado, já na versão mais atual do FF aparece encostado à margem.
Segue o código:
<html>
<head>
<title>***UNIVERSO SABOR***</title>
<style type="text/css">
body
{
margin: 0;
padding: 0;
font: arial, hevetica, sans-serif;
text-align: center;
color: #000000;
background-color: #ffffff;
}
#container
{
width: 800px;
height: 500px;
text-align: left;
background-color: red;
border: 1px solid black;
}
#header
{
height: 105px;
background-color: fuchsia;
}
#mainnav
{
height: 28px;
background-color: green;
}
#menu
{
margin-top: 5px;
margin-left: 10px;
float: left;
width: 180px;
height: 300px;
background-color: yellow;
}
#contents
{
margin-left: 200px;
margin-top: 5px;
margin-right: 10px;
height:300px;
background-color: aqua;
}
#footer
{
clear: both;
margin-top: 10px;
height: 30px;
background-color: lime;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="mainnav"></div>
<div id="menu"></div>
<div id="contents"></div>
<div id="footer"></div>
</div>
</body>
</html>alguém pode me ajudar a manter o layou centralizado?
Desde já agradeço.
