I'm trying to make text input elements the same width as submit input elements and for some reason I'm struggling with this. (I'm probably missing something incredibly obvious).In Chrome, Opera, IE9 and IE10, this does the trick:\[code\]input { box-sizing:border-box;}\[/code\]However in Firefox this doesn't fix the issue as the text input remains longer than the submit input (and ultimately longer than any declared width).Chrome, Opera, IE9 and IE10:
Firefox issue:
Note that I've added a 1px border around each to make the difference a bit clearer.Here is a JSFiddle example to illustrate this. Note that I'm using the most recent versions of Chrome, Opera and Firefox on Windows 7.What can I do to ensure that the size is identical in all browsers?