title: How to prevent Resizable and Draggable elements from collapsing on each other?
body: <p>Hey all. I have the following code:</p>
  
  <p><a href="http://jsfiddle.net/g7Cgg/" rel="noreferrer">http://jsfiddle.net/g7Cgg/</a></p>
  
  <p>As you can see, there are 2 simple DIVs that are stacked one above each other. Each of these DIVs are also set to be resizable and draggable. However, notice when you attempt to resize the first element, the second element collapses onto the first. From what I can see, this is because resizable changes the element to a position of absolute. How can I prevent this behavior? Is it possible to resize the element while retaining the ability to drag the element?</p>
  
  <p>Note also, that if you change the elements to have a position of relative (add position:relative !important in the .demo style), it sort of prevents the collapsing, but the element "jumps" when you begin to resize or drag. Another weird behavior. Thanks for your help.</p>