title: Resize a div to smaller than its declared size?
body: <p>Is there a way to resize a div to smaller than the declared height and width?</p>
  
  <p>I'm making an application where the user can resize a div and save it. However, when I load it later and set it to the size the user set to last time, they can make the div bigger, but not smaller.</p>
  
  <p>This is a sample div:</p>
  
  <pre><code>.cls {
    border: solid 1px;
    width: 100px;
    height: 100px;
    resize: both;
    overflow: auto;   
  }​
  </code></pre>
  
  <p><a href="http://jsfiddle.net/FNXnD/" rel="nofollow noreferrer">http://jsfiddle.net/FNXnD/</a></p>
  
  <p><a href="https://stackoverflow.com/questions/7197136/using-css-to-resize-a-div-to-a-dimension-smaller-than-its-current-width-and-he">This question</a> has the same issue but uses GWT and doesn't seem to have a good solution.</p>