page layout dont show correctly in IE browsers

[yibman]

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;}

[Paul O'B]

Hi,

I can't really tell without seeing the page and html etc. Those attachments were too small for me to see anything either .

If you have an image in your header then try setting the image to display:block. (#header img {display:block})

What's this code supposed to be.

#wrapper { margin: 0 auto; width: 666px; <strong>text-align: left;</strong>}

That's not CSS