I believe the enclosed little document brings out an underspecified aspect of collapsing margins. The document contains two DIV which have backgrounds, but no padding, border or margin. Each DIV contains a P element which has a 50px margin on each side. Since the vertical margins of the two P elements are adjacent they will collapse so that the distance between them is 50px (note: NGLayout is not currently doing this properly!). The question is: what is the background color of the 50px margin? (Suggested approach:) split into equal parts, ie. half of it is red (preferable the upper half :-) and the other half is blue. I can't think of cases where there will be more than two competing backgrounds
Paragraph inside DIV.one
Paragraph inside DIV.two