Drag/Drop with element_to_drag_id (scriptaculous), draggable element goes behind div element

Question

I have a list of draggable elements built with element_to_drag. They sit inside a div. When dragging outside the div the draggable object vanishes under the side of the div. Much like this issue http://stackoverflow.com/questions/2098387/jquery-ui-draggable-elements-not-draggable-outside-of-scrolling-div is there an equivalent solution for Ruby on Rails?

I have tried setting z-index of the .entry in the CSS file

The code to make the list of draggables is

<div id="entry_list">
<% @entries.each do |entry| -%>
    <% element_to_drag_id = "entry_#{entry.id}" %>
    <div class="entry" id=<%= element_to_drag_id %> style="cursor:move">
            Title: <%= entry.title %>
    </div>
    <%= draggable_element(element_to_drag_id, :revert => true) %>
<% end %>
</div>

In the browser this is loaded as

<div id="entries_list"> 
<div class="entry" id=entry_1 style="cursor:move">
        Title: Title<br />
        Blurb: Teaser
</div>
<script type="text/javascript">
//<![CDATA[
new Draggable("entry_1", {revert:true})
//]]>
</script>

<div class="entry" id=entry_2 style="cursor:move">
        Title: Lets Try Saving One<br />
        Blurb: Tester
</div>

<script type="text/javascript">
//<![CDATA[
new Draggable("entry_2", {revert:true})
//]]>
</script>
....
</div>