How do I fix inconsistent Textarea bottom margin in Firefox and Chrome?

Question

I\'m trying to eliminate the extra bottom margin that both FF and Chrome seem to give to Textareas. Surprisingly IE seems to do it correctly. I would like to avoid using con

Answer 1

If you want to leave it inline, simply try

vertical-align: top

Answer 2

Just disable resize as follow

textarea{resize: none;}

Answer 3

By default, I believe both Chrome and Firefox will set these elements as display: inline-block;. Set display: block in your styles and you should be all set.

Answer 4

Set display: block for your textarea.