Hi All
I hope one of you can help me with a little problem i have. My problem is that my page shows with a little gap between the #header and the #navigation in IE. In opera and firefox the page shows correctly. I have a example of my css code below and have attached a screendump from the IE,opera and firefox browser.Hope somebody can help me.

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: center;
}


#wrapper {
margin: 0 auto;
width: 666px;
<strong>text-align: left;</strong>
}
#header {
width: 666px;
color: #333;
border: 0px solid #ccc;
height: 90px;
background-color: E9DFB9;
background-repeat: no-repeat;
background-position: center;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-image: url(beachinterface5.jpg);
}
#navigation {
width: 666px;
color: #333;
padding: 0px;
border: 0px solid #ccc;
height: 150px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #ffffff;
}
#content {
width: 666px;
color: #333;
border: 0px solid #ccc;
padding: 0px;
height: 36px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #ffffff;
}
#footer {
width: 666px;
color: #333;
border: 0px solid #ccc;
padding: 0px;
height: 700px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #ffffff;
background-image: url(beachinterface2.jpg);
background-repeat: no-repeat;
}

This;
<strong>text-align: left;</strong>
should NOT be in the CSS code.

URL needed please

We cannot diagnose problems from screenshots (which aren't there BTW) and the CSS only