That's called collapsing vertical margins. When two vertical margins overlap, standards compliant browsers will collapse them into the larger of the two margins.
Imagine 2 boxes with margin-top of 20px and margin-bottom of 20px. With vertical collapsing, the margin in between the first and second box will be: 20px. Not the 40px you might have thought it should be. It's a gotcha in the standard that not a lot of people know about. But it's the standard (vertical works a lot differently than horizontal) Sandra Clark ============= http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -----Original Message----- From: Victor Moore [mailto:[EMAIL PROTECTED] Sent: Monday, July 09, 2007 3:57 PM To: CF-Talk Subject: Re: CSS difference between IE and FF Thank you both for your answers. I kind of fix it. It had a div above my header. IE was displaying the header nicely after the first one, but FF was overlapping it, even though I was setting a 20px top margin. I will have to read more on this to better understand it, but by taking the first div out the header with the image looks the same in both IE and FF. Thanks again Victor ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Create robust enterprise, web RIAs. Upgrade & integrate Adobe Coldfusion MX7 with Flex 2 http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJP Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:283315 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
