CSS3 Redimensionar no Webkit / Safari

Question

Eu estou tentando usar resize de CSS3 para fazer um redimensionável div absolutamente posicionado no Safari e Firefox Beta. Não importa o que eu não consigo fazê-lo funcionar? - existem situações que resize não pode ser usado

Answer 1

A fim para que ele funcione no Safari, parece necessidade overflow:auto aplicada ao div.

Além disso, o height exibição e width do div atuará como min-height e min-width.

Isso só funcionou para mim no Safari, não no Firefox 3.5.

<div id="box"> Nice box </div>

CSS:

#box {
   /* important */
   resize: both;
   overflow: auto;

   /* Styling */
   background: red;
   position: absolute; /* per the question */
   top: 50px;
   left: 50px;
   width: 300px
}