Extra padding under text area
css, html
Solution
To have cross browser no white space below textarea/input fields use:
textarea,
input,
select {
margin: 0;
vertical-align: bottom;
}
(tested in your fiddle, works)
Oddly the vertical align is the key here.
Just a note, you don't need the margin:0 because you already have `*{margin:0}`. For an even more complete cross browser experience for textarea you could also use `overflow:auto;` for IE and `resize:none;` for browsers with resizing support.
Some more info about why it works like it works: Mystery white space underneath image tag
Problem
My text area has extra padding under it but I cant seem to find the source of it. I have put the individual code on this page: http://jsfiddle.net/wfuks/ I cant seem to find the source of it. It has class "field": ``` .field { background-color: white; width: 430px; padding: 10px; font-family:arial, sans-serif; border: 1px solid #CCC; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ``` Any input (pun) would be appreciated :)