CSS3 Ridimensiona in Webkit / Safari

Question

Sto tentando di usare resize di CSS3 per fare un div posizionato in modo assoluto ridimensionabile in Safari e Firefox Beta. Non importa quello che faccio non riesco a farlo funzionare? - ci sono situazioni che resize non può essere utilizzato

Answer 1

Al fine di farlo funzionare in Safari, sembra avere bisogno overflow:auto applicata al div.

Inoltre, il display e height width del div fungeranno da min-height e min-width.

Questo ha funzionato solo per me in Safari, non in 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
}