View Full Version : CSS Div Spacing Problems in FF, Safari

May 28th, 2009, 07:02 PM
Hi - I am having some trouble on the following page:


Specifically, there is some extra space being added that creates a white line between #secondary_nav_container and #bottom_row. It is only an issue with Firefox, Safari and Chrome, and surprising IE gets it right and displays no extra space. (See attachment)

Any help would be greatly appreciated. Thanks.

May 28th, 2009, 08:34 PM
I think your problem is here:


Remove this and that should sort it. In fact IE7 (at least) shows the margin if you look at the position of the "News and Announcement" text, but it doesn't show it as a white line.

May 28th, 2009, 08:51 PM
Hmm. Are you saying every other browser in the world is wrong? I didn't think so. This has to do with either margin collapsing or, possibly, images; both bugs in IE. I should be at my dev computer in an hour or so.

EDIT: It looks like SB65 may have it right but it also looks like improper margin collapse with IE, as expected. You do need to validate your html for that list of errors.

May 28th, 2009, 09:27 PM
How do I take care of the margin collapse problem, and how do I get rid of the white space problem in FF and Safari?

NM- got it. Thanks SB65.