View Full Version : margin-bottom appearing on IE

May 21st, 2009, 09:39 AM
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.

May 21st, 2009, 02:46 PM
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:


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:


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.