Cross browser layout problem

I just started designing a new html template, but i’ve come across a crossbrowser problem.

In FF everything works fine, but in IE there’s some whitespace I can’t solve.

Here you can see the website. and [URL=“”]here you can see the stylesheet.

In IE there is some space between de the #header and the #container. In FF not. You can see it very well because I use 2 different images as a background.

I just can’t figure it out how to solve it… I tried several things, but none worked out.

Thanks for posting, and welcome to SitePoint!


Problem solved. I made a mistake in my browser specific stylesheet… form a previous project it had #header - margin bottom: 10px. weird

thanks for reading though. :slight_smile: