How to make a textbox and a textarea same width cross-browsers?

Question

Setting the width of both the textbox (ie. input type=\"text\") and the textarea to 500px doesn\'t work in IE6 and Chrome, only works fine in FF2 (haven\'t tested other browsers

Answer 1

I also think that the problem is in border. Try defining the border style specifically for inputs/textarea together with their width.

input, textarea{ border:1px solid grey; width:498px; }

Also take a look in the source if input/textarea is not defined anywhere else or in their own tag (e.g. size or rows/cols). Other option when IE messes around is using special css file for it. However IMHO it shouldn't be necessary in your case.