IE8 not displaying textarea resize bottom right corner

Question

I'm using IE8 but the textarea resize bottom right corner is not displaying. This same code works ok in Firefox. I also noticed the same problem in some online examples when using IE.

Anyone knows the trick to display the resize bottom corner in IE?

My CSS:

textarea { resize:both; }

My HTML:

<div>
<textarea rows="20" cols="150"> 

</textarea>
</div>

Answer 1

The resize CSS attribute isn't supported in Internet Explorer. You may need to use a Javascript framework (such as jQuery) to get truly cross-browser support for this functionality; or you can simply not support it in IE (is it really that important that your users be able to resize the textarea?).

Answer 2

So far, the resize CSS property is only supported by the Gecko and WebKit engines (i.e. Firefox, Chrome and Safari).

Internet Explorer and Opera do not support it (yet).