Свойство изменения размера CSS3 позволяет только увеличивать размер DIV

В CSS3 есть свойство resize , которое можно применить к div (например, http://www.impressivewebs.com/ css3-resize / ). Я создаю богатый пользовательский интерфейс и считаю эту функцию очень полезной в моем случае. Я стараюсь полагаться на CSS3 больше, чем на JavaScript, поэтому мне нравится это «родное» решение.

Эта проблема заключается в том, что она не позволяет пользователю уменьшить размер окна меньше его исходного. 12239] Он воспроизводится в Safari 5.0.5, Chrome 12.0.742.91, а Firefox 4.0.1 изменяет размер окна в обоих направлениях.

Вопрос : есть ли обходной путь для желаемого поведения? Я все еще хочу использовать свойство resize .

Пример : http://jsfiddle.net/wsCQm/

.resizable {
     height: 100px;
     width: 100px;    
     overflow: scroll;
     resize: both;   
}

 
    Some stuff