title: jQuery draggable position bug
body: <p>guys I have a problem with jQuery :(</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id = 'container'&gt;
  &lt;div class = 'draggable' style="margin: auto; left: 0; right: 0; top: 50%; bottom: 50%; background: red;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$('.draggable').draggable();
  </code></pre>
  
  <p>look <a href="http://jsfiddle.net/EZweB/236/" rel="nofollow">http://jsfiddle.net/EZweB/236/</a></p>
  
  <p>move does not work properly and do not know how to deal with it</p>