Height of textarea does not match the rows in Firefox

Question

There are lot of answers but wasn’t suitable for me:

CSS rule (height: 5em;) is not flexible enoutgh because it completely overrides rows attribute
And I don’n want to use JavaScript

There is a “bug”: TEXTAREA incorrectly applying ROWS= and COLS=

So here is my solution:

FF adds height to the TextArea to reserve place for scroll-bars.

I don’t need horizontal scroll bar so it helps with fixing the issue: following css rule can be added to textarea:

overflow-x: hidden;

Here is example. It works even with rows=1.