How to Stop Html Textarea from Drag-Expand

In recent versions of browsers such as Chrome, Safari and Firefox, the bottom right of <textarea> fields can be pulled to expand the text area. This has its advantages sometimes, but most o fthe times it can break a design

textarea {
resize: none;
}

This is only for CSS3, but as I have only seen it happen recently the ability to resize must also be CSS3 so older versions will just ignore it – it isn't valid CSS for 1 & 2. Iut I don't know of another alternative. I have seen this mentioned, but it doesn't work for me (but maybe it does in older browsers):

textarea {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
}