Posted by Ben C on 10/31/07 18:16

On 2007-10-30, KiwiBrian <briantoz@ihug.co.nz> wrote:
[...]
>>> http://homepages.ihug.co.nz/~briantoz/kiwitest/kiwi.html
[...]
> I have just checked my html again and also re-upoaded it to eliminate
> possible confusion.
> My IE7 and IE6 are both displaying only 20 px between the inside of the
> green border at the top and the outside of the top black border of the first
> contained div.
> However FF displays 30 px.
> They all display 30 px at the corresponding bottom location.
> I would love an explanation that makes any sort of sense.

It's just a bug in IE, which isn't too surprising as it's full of bugs.

It should be 30px, because there is 10px of top padding on the container
plus 20px of top margin on the thing inside it. Plenty of borders around
the place, so no margin collapsing going on. Margins do not collapse
with borders.

[Back to original message]