Margin problem in Safari.. but ok in IE and FF

Was hoping someone could help me with a problem I’m having with margins on this site.

In safari, the margins between each of the “featured” listings is 30px when it should be 8 (4 on the top of each listing, and 4 on the bottom).

This jacks up the layout of the site, pushing the featured listings too low, as you can see.

IN IE 7, 8 and Firefox, I have no problems, and the site displays fine.

Would appreciate any help on this issue, as I’ve been trying to solve the problem but have not found a solution. Thank you.

Hi, the problem are the <br> .clearfloat’s. I see no reason why they are even there, considering there are no floats :). Removing them should fix the problem :).


Change all your clearfloats from breaks to divs like this.

<div class="clearfloat"></div>

Breaks are funny things and some browsers always give you a full line height gap.

99% of those are redundant anyway as you can simply set the following element to clear both anyway and save html.:slight_smile:

Thanks for the help guys, that was exactly the problem.