CSS3 cambio de tamaño en WebKit / Safari

Question

Estoy intentando utilizar resize de CSS3 para hacer un div con posición absoluta de tamaño variable en Safari y Firefox Beta. No importa lo que no puedo parecer que para que funcione -? Hay situaciones que resize no se puede utilizar

Answer 1

Con el fin de que funcione en Safari, que parece necesitar overflow:auto aplicada a la div.

Además, el height pantalla y width de la div actuarán como min-height y min-width.

Esto sólo funcionó para mí en Safari, no en 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
}