54451 - Relatively positioned div with nested divs causes display problem.

Status: VERIFIED FIXED

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Christine Hoffman]

Tested with the following builds: 
Win: 09_27_11_mn6
Mac: 09_27_11_mn6
Linux: 09_27_10_mn6

Open the attached testcase. There are three divs, nested. The outermost div is 
relatively positioned. The innermost div is absolutely positioned. 

Expected result: There should be a 200px by 200px div bordered in red inside a 
300px by 300px div bordered in blue. 

Actual result: When page is loaded, both divs are 300px by 300px. If you reload, 
the 200px by 200px div is displayed, but as soon as the cursor moves into the 
page, the inner div expands to the size of the outer div.

The page will display correctly if one of two things happens:
1. remove the 'position: relative' value of the outermost div
or
2. eliminate the middle div and reassign the height and width values to the 
innermost div. 

(testcase is essentially the same as one created by David Baron to test 
inheritance)

Comment 1

[Christine Hoffman]

Attachment: testcase to demostrate problem

Comment 2

[Pierre Saslawsky]

A Layout problem that got fixed by itself...
It works for me in PR3 and more recent builds.

Comment 3

[Christine Hoffman]

Verified fixed on Win, Mac, and Linux branch and trunk builds