Question

There is this form I have and I would like the description field to be a textarea with the text box having the blue div as its background. I can adjust the rows and columns but problem is in google chrome it works but firefox it adds 2 extra rows which prevents me from fitting the textarea in the div properly…Any idea on what I can do about this?

http://jsfiddle.net/MwnSn/12/

Answer 1

You can style textareas with css width and height:

.the-blue-background {
    width: 300px;
    height: 300px;
}
.the-blue-background textarea {
    height: 100%;
    width: 100%;
}

Try it here: http://jsfiddle.net/MwnSn/14/