532368 - Absolutely positioned DIVs within relatively positioned FIELDSETs get displaced by FIELDSET's padding

Status: RESOLVED DUPLICATE of bug 450418

(Firefox :: General, defect)

Description

[Björn Kahlert]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.15) Gecko/2009101601 Firefox/3.0.15 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.15) Gecko/2009101601 Firefox/3.0.15 (.NET CLR 3.5.30729)

Consider a DIV element positioned directly under a FIELDSET.
If you want to position the DIV element absolutely in the FIELDSET you
need to declare it with "position: absolute" (and the properties "top" and "left") whereas the FIELDSET needs to have "position: relative".

Problem is: As soon as you define a padding for the FIELDSET element the inner DIV gets moved to the right by "padding-right" and to the bottom by "padding-top".

On http://www.meetyoo.de/bugs/relative-fieldset-padding-bug.html you can see a simple demonstration of the bug.

Reproducible: Always

Steps to Reproduce:
1. Outer FIELDSET element with "position: relative" and "padding" != 0
2. Inner DIV element with "position: absolute" and "top" and "left" defined
Actual Results:  
As long as the padding is zero all Browsers (IE, Firefox, Safari, Chrome) render the page the same way.
As soon as the padding differs from zero (possibly by default) Firefox adds the top and left padding of the FIELDSET element to the position 

Expected Results:  
Firefox should position the inner DIV independently from the padding of the outer FIELDSET.

I'm sure that the problem is specific to the FIELDSET element.
If you replace the FIELDSET by a DIV element the inner DIV element gets positioned as mentioned in Section "Expected Results".

Comment 1

[Björn Kahlert]

Attachment: Bug demonstration

You need to open this demo in Firefox to see the bug and
in IE 7/8, Safari 4 or Chrome 3 to see what the Demo should look like.