How do I get rid of the vertical scrollbar of a textarea in IE?

Question

There is a nasty right-side inactive scrollbar in the textarea in IE, in FF the textarea is clean. How to make it clean in IE as well?

Answer 1

Quick experimentation suggests that IE6 and IE8 (unable to test 7 at the moment) both honor the auto value for overflow. Thus, to make the scroll bars appear when necessary, but hidden when not, add the following style rule:

textarea { overflow: auto; }

Answer 2

Use the overflow: auto style to only apply scrollbars when needed

textarea { overflow: auto; }

Answer 3

Landed here initially but the suggested property

textarea { overflow: auto; } 

didn't work for me, so I checked a similar SO question and got an answer that worked fine

textarea { overflow-y: auto; }