margin-bottom appearing on IE

[Snitz]

Another CSS problem on IE, the logo image is adding a margin-bottom only on IE and I don't understand why.

This is the site: http://www.mosaicdiscovery.com (guest/guest)

I hope you can help me out in here.

[SB65]

I think there's three issues here.

First off, you have a couple of clearing divs within the .navigation div. IE is giving these some height.


<div class="clear"></div>

Start off by deleting these, and clear the floats by adding:


overflow:auto

to .navigation instead.

Next, you have a couple of line breaks at the end of the "quick_find_header"" form. Get rid of these as well.

Finally, add:


img{display:block}

to your css to remove the gap after the image. Alternatives here are float:left on the img or vertical-align:bottom.

Give that a try.