Thanks, Philippe and Scott. You've both explained it quite well.

Cheers, 

Matt

-----Original Message-----
From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED] 
<snip>
it is a margin-collapse issue. The problem doesn't happen in IE  
because the container 'hasLayout' [1] which prevents the margin on  
the h1 from 'escaping'. Firefox, Safari, Opera, iCab, IE mac, and any  
browser that supports css 2.x reasonably all show this.

Adding a border to the div in question fixes this as you discover;  
better could be: give the div a small padding (1px) or larger padding  
(1em) and then zero out the top margin on the h1.
<snip>

__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to