CSS3 Redimensionner dans Webkit / Safari

Question

Je tente d'utiliser le resize de CSS3 pour faire une div position absolue redimensionnable dans Safari et Firefox Beta. Peu importe ce que je ne je ne peux pas sembler le faire fonctionner - sont là des situations qui resize ne peut pas être utilisé

Answer 1

Pour que cela fonctionne dans Safari, il semble avoir besoin overflow:auto appliqué à la div.

En outre, l'affichage height et width du div agissent comme min-height et min-width.

Cela n'a fonctionné pour moi dans Safari, pas dans 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
}