If you are trying to create a perfect layout for every browser, you may have run into the problem with Internet explorer when you can see there is a margin between elements, but you have specifically set all margins and paddings and borders to 0, just to make sure.

I ran into this problem when designing a header with an image of a logo at the top. When you just place an image on a webpage it is automatically displayed inline in Internet Explorer. This means that it gets a bottom margin of 3px. This also means that because it is inline, height and width, and even margin and padding, have absolutely no effect, this is why you didn’t catch the problem when specifying margins.

All you need to do is set “display: block;” and all will be well. Don’t forget to specify margins and padding you need, but delete all other ones to reduce code length. This was a problem I couldn1t solve for ages and when I did, I was really happy, I hope this helps some of you!