title: Using CSS to resize a <div> to a dimension smaller than its current width and height
body: <p>I currently have a div whose css looks like this:</p>
  
  <pre><code>.class
  {
  overflow:auto;
  resize: both;
  width: 100px;
  height: 100px;
  }
  </code></pre>
  
  <p>I want the user to be able to resize the div so that the resulting width and height can be less than 100px. How is this possible?</p>
  
  <p>EDIT: Some context. I want this feature because I am developing an application where a user can resize a widget and saves this width and height to a server so that the size is saved across sessions. As it is currently setup, when the user stops resizing, my code resets the div's width and height properties dynamically. It works great if the user is making the div larger. However the user cannot then make the div any smaller.</p>
  
  <p>EDIT2: I am using GWT to develop this application. More specifically, this div is just an AbsolutePanel.</p>