title: how does jquery ui draggable containment work?
body: <p><strong>EDIT</strong> I have finally figured out the problem i have been having on my site, it is demonstrated in this example: <a href="http://jsfiddle.net/DerNa/10/" rel="nofollow">http://jsfiddle.net/DerNa/10/</a>. What you are looking at here is the #frame container being moved from 0/0 position (to 50/50 position). For some reason the picture is relative to the "Window" instead of the parent container. Does anyone know how i can make it relative to the parent container?</p>
  
  <p><strong>Old Question Follows</strong></p>
  
  <p>I can't figure out how this works for example: <a href="http://jsfiddle.net/DerNa/4/" rel="nofollow">http://jsfiddle.net/DerNa/4/</a></p>
  
  <p>Basically my questions is from what i found online and what i can infer by playing around with the example is that [container_width-image_width, container_height-image_height, ? ?]. it makes sense that the first two is left and top edge of the invisible container that you want the draggable to be contained in. However, I am not sure how the last two values work, they are either right/bottom or width/height, but neither seem to make much sense in the example provided. </p>
  
  <p>If anyone can shed some light on this, it would be greatly appreciated!</p>
  
  <p>Jason</p>