275491 - Borders on submit buttons do not extend the width of the element

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Drew Warren]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a6) Gecko/20041219 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a6) Gecko/20041219 Firefox/1.0+

In the page at http://mywebpages.comcast.net/drewut/inputBorders.html, the text
inputs and submit buttons should all be the same width, as they have the same
properties, however, they are not.  The text inputs grow in width by the size of
their borders, yet the submit button stays the same width regardless of the
border it is given.  Also, ( although I am not sure if this is a bug or intended
) a text input with width 100% and a border is able to extend outside of its
containing div by a width of its border.

Reproducible: Always

Steps to Reproduce:
1.Navigate to http://mywebpages.comcast.net/drewut/inputBorders.html in firefox

Actual Results:  
The text inputs and submit buttons have differnt widths.

Expected Results:  
The text inputs and submit buttons should have the same widths.

If the site goes down I will upload it also.  My first bug report, searched and
could find duplicate.  Also, if I have other minor problems in the future,
should I combine them or post 2 seperate bug reports ( should the problem about
the text input going outside of the div be in a seperate report? )

Comment 1

[Drew Warren]

Attachment: Web page where the bug occours

Comment 2

[Boris Zbarsky [:bzbarsky]]

The inputs don't have the same properties set.  One has
-moz-box-sizing:border-box, the other has -moz-box-sizing:content-box.