Firefox / IE textarea sizing quirk - workarounds?

Question

Try out this code in Chrome, Firefox and IE:

<         


        

Answer 1

In which versions of IE does it need to work?

If you change the positioning of #ta to relative and set its width and height to 100% you can add

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

to make it work in IE8+, Firefox 3.0+, and Safari and Opera too.

The top/right/bottom/left properties aren't really needed anymore then.