title: jquery ui droppable : how to dropp an element outside a div with overflow:hidden?
body: <p>I know how to use <a href="http://jqueryui.com/droppable/" rel="nofollow">jquery ui droppable</a>.</p>
  
  <p>But i'm not sur if it's possible to do this :</p>
  
  <p><a href="http://jsfiddle.net/Vinyl/rrn6L/1/" rel="nofollow">see a live example with this fiddle</a></p>
  
  <p>I have a list of element in a div which is in overflow:hidden :</p>
  
  <p>html :</p>
  
  <pre><code>&lt;div id="list"&gt;
      &lt;p id="draggable_1"&gt;Element 1&lt;/p&gt;
      &lt;p id="draggable_2"&gt;Element 2&lt;/p&gt;
      &lt;p id="draggable_3"&gt;Element 3&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css :</p>
  
  <pre><code>#list
  {
      overflow:hidden;
  }
  </code></pre>
  
  <p>javascript / jQuery :</p>
  
  <pre><code>$("#draggable_1").draggable();
  $titre_track_1.droppable({
      drop: function () {
          alert("dropped");
      }
  });
  </code></pre>
  
  <p>If i try to dropp an element like draggable_1 outside the div #list, the element is not visible. It's logic because the parent is in overflow:hidden</p>
  
  <p>do you know if it's possible to drop that element outside  ? I need to have this div with overflow:hidden</p>