222225 - css style padding causes div to grow

Status: VERIFIED INVALID

(Core :: Web Painting, defect)

Description

[johan]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6a) Gecko/20031002 Firebird/0.7+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6a) Gecko/20031002 Firebird/0.7+

When entering a padding value in a style for a div that has the specified width
400px the padding makes the div grow the padding value even horizontically, even
though there are plenty of space for the text in the div.

I have a div with the width:400px and padding:2px. This renders nice in opera
and msie but not in mozilla. Mozilla adds the padding to the width making it
404px wide.

Reproducible: Always

Steps to Reproduce:
1.create style as shown in the specified URL
2.create div and apply the class created


Actual Results:  
the div is 4px wider than it should

Expected Results:  
the div should remain 400px

Comment 1

[Anne (:annevk)]

This is not a bug. Read: http://tantek.com/CSS/Examples/boxmodelhack.html

Comment 2

[Bill Mason]

This is correct behavior per the CSS spec.

Comment 3

[Mats Palmgren (inactive)]

v.