title: Css resize min-width
body: <p>I want to make a div resizable with <code>resize</code> css property:</p>
  
  <pre class="lang-css prettyprint-override"><code>#foo{
    overflow: hidden;
    resize: both;
  }
  </code></pre>
  
  <p>I can freely resize it with firefox.</p>
  
  <p>with chrome/safari I can't resize it smaller than initial size.</p>
  
  <p>their is a way to allow resize smaller with webkit? (<code>min-width</code> / <code>min-height</code> don't works) </p>
  
  <p>see the live exemple from MDN (with 2 nested divs)
  <a href="https://developer.mozilla.org/samples/cssref/resize.html" rel="nofollow noreferrer">https://developer.mozilla.org/samples/cssref/resize.html</a></p>