207010 - Setting margins for and element within a DIV seems to apply the margin to the DIV and not to the element

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Andy Korvemaker]

User-Agent:       Opera/7.11 (Windows 95; U)  [en]
Build Identifier: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.3.1) Gecko/20030425

Running Moz 1.3.1 on Win95b.

I have attached a testcase and a screenshot of it.

The testcase has a DIV at the top. Within the DIV is a P. The DIV, BODY, and 
HTML elements all have margin and padding set to 0em. The P in the DIV has 
margin and padding set to 0em. The margin-top and margin-bottom for the P seem 
to be applied to the DIV instead.

Reproducible: Always

Steps to Reproduce:
1. Load test case.
Actual Results:  
The DIV is given the margin of 1em.

Expected Results:  
The margin should have been given to the P.

Occurs using bot Pinball and Modern themes.

Comment 1

[Andy Korvemaker]

Attachment: Original testcase

Sorry, forgot to attach testcase and screenshot...

Comment 2

[Andy Korvemaker]

Attachment: Screenshot of the testcase

Comment 3

[Andy Korvemaker]

Edit (typo): Original report should have said "The P in the DIV has 
margin and padding set to 1em." (It incorrectly said "0em.")

Sorry for the messy reporting.

Comment 4

[Sterling Bates]

Oddly enough, IE renders it exactly the same as Mozilla :)

Comment 5

[Hixie (not reading bugmail)]

INVALID. What we are doing is correct per the CSS2 specification. See:
   http://www.w3.org/TR/REC-CSS2/box.html#collapsing-margins