Liquid textfield width

Question

I have this fairly simple form:

Answer 1

If you keep the default submit button styles its width will vary from one browser to the next. This also means that the text field's width you seek is a variable.

• FF: 47px + 3px border
• Chrome: 45px + 2px border
• IE8: 63px + 8px padding + 3px border
• IE7: 61px + 2px border

There is no elegant way to do it, but you have the following options:

• Use tables (Google is using tables for its search box).
• Style both the input field and submit button (Not recommended).
• Use a script (Not recommended).