title: jQuery UI, draggable child div larger than parent
body: <p>I have looked over several articles and tried all of the methods proposed and found no solutions as of yet.</p>
  
  <p>I am attempting to create a map that is draggable, but will stop when it its own edge meets the edge of the parent's edge. The child is larger than the parent so I have tried all different types of methods to resolve this but have yet to find a solution. </p>
  
  <p>The example below shows an example in which the black border should not have any white space within. I have tried containment in several different flavors but haven't figured out the math for it.</p>
  
  <p>Example: <a href="http://jsfiddle.net/LQtCY/3/" rel="nofollow">http://jsfiddle.net/LQtCY/3/</a></p>
  
  <p>Thanks</p>