Draggable y overflow:auto(jQuery)

[kceres]

Este es aproximadamente el codigo que tengo, no lo pongo completo porque es muy grande, pero es esta misma idea...estoy usando la UI de jQuery

Código HTML:

<div id="contenedor1" style="overflow:auto; width:300px; height:300px">
  <div id="ColumnaA">
    <div id="Element_1" class="ColumnaA_element">contenido 1 para draggable</div>
    <div id="Element_2" class="ColumnaA_element">contenido 2 para draggable</div>
    <div id="Element_3" class="ColumnaA_element">contenido 3 para draggable</div>
    <div id="Element_4" class="ColumnaA_element">contenido 4 para draggable</div>
  </div>
</div>
<div id="contenedor2" style="overflow:auto; width:300px; height:300px">
  <div id="ColumnaB">
  </div>
</div> 

Código:

        $('.ColumnaA_element').draggable({
            revert:'invalid',
            helper: 'clone'
        });

        $('#ColumnaB').droppable({
            accept:'.ColumnaA_element',
            tolerance: 'pointer',
            drop:function(event, ui){
                $('#ColumnaB').append(ui.draggable);
            }
        });

Gracias.