title: JQuery UI : Drag/Drop : Deal with several containers and overflow property
body: <p>Firstly, I made a JS fiddle to explain my problem : <a href="http://jsfiddle.net/QvRjL/59/" rel="nofollow">http://jsfiddle.net/QvRjL/59/</a></p>
  
  <p>I am completely stuck on a drag and drop problem: </p>
  
  <ul>
  <li>I want always have the dragging element visible above my containers</li>
  <li>I need to be able to drag the yellow boxes located in the cells of the "<strong>containerB</strong>" from row 1 into one of the cells of the row 3 for exemple.</li>
  <li>I need to be able to drag the yellow boxes located in the cells of the "<strong>containerA</strong>" to the row 3 of the "<strong>containerB</strong>"</li>
  </ul>
  
  <p>When I apply the property <code>AppendTo : 'body'</code> : the yellow boxes are always visible over all my containers, but it is not possible to reach the "row3" of the "<strong>containerB</strong>" because of the auto-scroll is not working on this container</p>
  
  <p>When I apply the <code>AppendTo : '#container'</code> property : the auto-scroll of the "<strong>containerB</strong>" is enabled but the yellow boxes are not visible above the "<strong>containerA</strong>"</p>
  
  <p>My constraints are that all the cells must have the property "overflow" because the cells can have plenty of yellow squares.</p>
  
  <p>Any help would be welcome!</p>