705130 - css -moz-box-shadow ignores padding

Status: RESOLVED DUPLICATE of bug 485149

(Core :: Layout, defect)

Description

[[e-mail]]

Attachment: Firefox_bug.zip

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20100101 Firefox/8.0
Build ID: 20111104165243

Steps to reproduce:

A form with a fieldset; the fieldset has padding, rounded corners and a box shadow. 

The CSS for the fieldset:

form#form1 fieldset
{
    border: none;
    background:#5a7e92;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    
    padding: 10px;   <================= 1
    
    margin:30px;
    
  -moz-box-shadow: 5px 5px 5px #0d0d0d;  <================= 2
  -webkit-box-shadow: 5px 5px 5px #0d0d0d;
  box-shadow: 5px 5px 5px #0d0d0d;
    
}


Actual results:

In Firefox, the padding is opaque (it casts a shadow; see file FireFoxScreenShot.JPG  in the attached ZIP). 
In Chrome, the padding is transparent (it does not cast a shadow; see file ChromeScreenShot.JPG in the attached ZIP).



Expected results:

The padding should not cast a shadow.

Comment 1

[j.j.]

Attachment: testcase

Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20100101 Firefox/8.0

Can not reproduce, same result in any browser.

Comment 2

[j.j.]

Please attach a simple HTML test file that shows the bug for you.

Comment 3

[[e-mail]]

Attachment: HTML file to reproduce the bug.

Comment 4

[[e-mail]]

Attachment: CSS style sheet to reproduce the bug

Comment 5

[[e-mail]]

Attachment: Screenshot

Comment 6

[[e-mail]]

Thanks for your speedy reply!

I've attached a few files (HTML, CSS, screenshot). See also the ZIP file originally attached (https://bugzilla.mozilla.org/attachment.cgi?id=576754), includes HTML, CSS, Firefox screenshot, Chrome screenshot.

Comment 7

[[e-mail]]

Additional testing shows that the bug only occurs if the fieldset has a child <legend> element.

Comment 8

[j.j.]

Attachment: reduced testcase

Comment 9

[j.j.]

Known bug: