title: JQuery UI problems on Draggable and Resizable images
body: <p>I'm having real headaches trying to work out a problem I have at the moment on a web page, I hope you can give me a hand :D.
  I have dive for a related topic but I've not found any one with the same problem, using several images.</p>
  
  <p>What I want to achieve:
  "I want to include draggable and resizable images in a div". The images one by on are added when a link is clicked.</p>
  
  <p>I have mainly 3 problems(also explained with images):</p>
  
  <ul>
  <li><p>When I add a new item and it's marked as resizable, it appears below the last image, instead of beside. (When it's nor marked as resizable it appears beside)
  <a href="http://i.stack.imgur.com/1dBXF.jpg" rel="nofollow">http://i.stack.imgur.com/1dBXF.jpg</a></p></li>
  <li><p>When I drag an image, changing his Y axis, and then try to resize it, it's automatically moved to the las Y axis position (X is consistent).
  <a href="http://i.stack.imgur.com/rF9KK.jpg" rel="nofollow">http://i.stack.imgur.com/rF9KK.jpg</a></p></li>
  <li><p>When I drag an image, and after I try to resize the other one, the Y position of the dragged image changes.
  h**p://i.stack.imgur.com/OMWEr.jpg</p></li>
  </ul>
  
  <p>I don't know what to do, thanks a lot.</p>