title: Jquery draggable not working with containment
body: <p>My application contains all div's with absolute css position property. Since draggable takes relative position, i need to override it with margin-left and calculate left value for dragged div. It works fine if containment is not specified, <br>    </p>
  
  <p><a href="http://jsfiddle.net/W42A4/" rel="nofollow">http://jsfiddle.net/W42A4/</a></p>
  
  <pre><code>&lt;div id="main"&gt;&lt;div id="draggable"&gt;Drag me&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  
  
  <pre><code>$( "#draggable" ).draggable({
      axis:"x",
      containment: "#main",
      stop: function( e, ui ) {
          var el = $(this);
          var newLeft = $(el).css("left");
          var newmarginLeft = $(el).css("marginLeft");
          var totalmarginShift = parseFloat(newLeft) + parseFloat(newmarginLeft);
          el
              .css("marginLeft", totalmarginShift)
              .css("left", "")
              .css("top", "")
              .css("position", "absolute");       
      }
  });
  </code></pre>
  
  <p>I need containment to restrict draggable div movement out of box, but draggable left does not work.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/2TpPS/" rel="nofollow">http://jsfiddle.net/2TpPS/</a></p>
  
  <p>I can't find what the problem is. Can anyone suggest me a solution?</p>