是否可以使用大于最小宽度的默认宽度？

Question

我有一个具有特定默认宽度的文本区域。我希望用户能够缩小它，如果他们认为默认宽度太大，但宽度似乎就像一个最小宽度;一旦我加载网页，我不能使textarea小于默认宽度。如何设置它以便textarea可以缩小？

http://jsfiddle.net/4mS3m/

我目前的css：

#text-area {
    min-width: 10px;
    min-height: 10px;
    width: 300px;
    height: 100px;
}

textarea不会缩小任何小于300x100px。