I need to adjust the display of a textarea to show 4 rows with a line height set to 200%.
Take a look at the HTML code:
<textarea rows="4" cols="50">
1
2
3
4</textarea>
and the accompanying CSS:
textarea {
line-height: 2;
}
It appears that Internet Explorer is not correctly calculating the height with the line-height property, only displaying 2 rows instead of 4 like so:
Is there a solution to this issue?