title: div "style=resize:both" can not shrink in chrome (but it works in firefox)
body: <p>I have the following div:</p>
  
  <pre><code>&lt;div style='overflow:hidden;resize:both;border:1px solid orange;'&gt;
     &lt;div style='background-color:#aaa;width:400px;height:300px;'&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and you can see it here: <a href="http://jsfiddle.net/4w7zd/" rel="nofollow">http://jsfiddle.net/4w7zd/</a></p>
  
  <p>if you run it in firefox you can resize the main div. (make it bigger or smaller)
  however if you run it in chrome you can only resize so to make it bigger (wider and taller)</p>
  
  <p>Can somebody tell me how to work-around it so that I can make the main div as small as I wish (like with firefox) ?</p>
  
  <p>Many thanks</p>