279879 - border on DIV layer improperly renders

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[rohan]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

When you apply a 1px border to a DIV layer that has a specific size, Firefox
renders the border on the OUTSIDE of the DIV.

For example, the following CSS actually generates a 102px box

theLayer {
	width: 100px;
	border: 1px solid #999999;
}

On Opera and IE, it displays properly. If this is an issue of one or the other
browser not properly adhering to standards, please let me know how I can
compensate such that all browsers will display the layer equally.

Reproducible: Always

Steps to Reproduce:
1. use the code provided
2.
3.

Actual Results:  
a 102px box was rendered

Expected Results:  
a 100px box should have been rendered

Comment 1

[O. Atsushi (Torisugari)]

According to
http://www.w3.org/TR/REC-CSS2/visudet.html#Computing_widths_and_margins
"Width of containing block" should be 102px.
This is a INVALID bug.