Buon giorno a tutti.
Ho provato ad impostare un layout di partenza per un sito.
Mozilla lo visualizza come vorrei, Explorer mi inserisce uno spazietto tra il "left" e il "center".
Come posso ovviare ?
Vi allego il codice del test.html

<!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" lang="en">
<head>
<title>Secure Network Tool</title>
<link rel="stylesheet" type="text/css" href="test.css">
</script>
</head>
<body>
<div id='container'>
<div id='header'>
Header
</div>
<div id='left'>
Menu
</div>
<div id='center'>
<div id='cmain'>
Main
</div>
<div id='coutput'>
Output
</div>
</div>
<div id='footer'>
Footer
</div>
</div>
</body>

e il test.css relativo

html {
margin:0 0 0 0;
}

body {
font: 10px arial, Helvetica, sans-serif;
color: #000000;
}

div#container {
border-width: 1px 1px 1px 1px;
border-style: solid;
vertical-align: center;
display: inline-block;
}

div#header {
background: #ff0000;
height: 1.5em;
border-width: 0px 0px 1px 0px;
border-style: solid;
}

div#left {
background: #00ff00;
border-width: 0px 1px 0px 0px;
border-style: solid;
padding-right: 0px;
width: 200px;
height: 45em;
float: left;
}

div#center {
background: #00ff00;
border-width: 0px 0px 0px 1px;
border-style: solid;
height: 45em;
margin-left: 200px;

}

div#cmain {
background: #0000ff;
height: 10%;
}

div#coutput {
background: #ffff00;
height: 90%;
}

div#footer {
background: #00ffff;
height: 1.5em;
border-width: 1px 0px 0px 0px;
border-style: solid;
clear: both;
}