CSS3 Resize in Webkit / Safari

Question

Ich versuche, CSS3 den resize zu verwenden, um eine absolut positionierte div resizable in Safari und Firefox Beta zu machen. Egal, was ich tun kann ich nicht scheinen, damit es funktioniert - gibt es Situationen, dass resize kann nicht verwendet werden

Answer 1

Damit es in Safari zu arbeiten, so scheint es overflow:auto auf die div angewandt zu müssen.

Zusätzlich kann die Anzeige height und width des div fungieren als min-height und min-width.

Dies ist nur für mich in Safari gearbeitet, nicht 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
}