Ragazzi sono un neofita nei CSS,so i problemi di visualizzazione di IE & FF ma vorrei capire se e come posso corregere questo layout a due colonne.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>
<style type="text/css">
div#menu{
float: left;
width: 200px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
height: 350px;
}
div#content{
margin-left: 200px;
width: 566px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
height: 350px;
}
div#footer{
clear: left;
width: 766px;
height: 120px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000066;
border-right-color: #000066;
border-bottom-color: #000066;
border-left-color: #000066;
}
#header {
height: 294px;
width: 766px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
</style>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu"></div>
<div id="content"></div>

<div id="footer"> qui il footer </div>
</div>
</body>
</html>
con FF e tutto a posto mentre IE mi sposta il DIV content di 10px a sinistra.Come fare?