373608 - CSS: margin is transfered to parent element if it has no border

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Martijn Korse]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2

When nesting (block-level) elements, the margin of an element is transfered to its parent when that parent doesn't have a border defined

Reproducible: Always

Steps to Reproduce:
1. nest a few divs (without border)
2. give them different background-colours
3. define a top-margin for a nested div and look what happens to its parent
4. now define borders and look what happens again
Actual Results:  
Without border, the parent div will take the margin of the nested div

Expected Results:  
the div with the margin defined should display this margin, not its parent

I'm using firefox 2.0.0.2

Comment 1

[Martijn Korse]

Attachment: shows the bug

Comment 2

[Brian Polidoro]

I'm pretty sure that's collapsing margins which is in the CSS spec.
http://www.w3.org/TR/CSS21/box.html#collapsing-margins

Comment 3

[Doug Wright]

(In reply to comment #2)
> I'm pretty sure that's collapsing margins which is in the CSS spec.
> http://www.w3.org/TR/CSS21/box.html#collapsing-margins
> 

I agree