sortable connected lists with overflow:auto -how to?

sortable connected lists with overflow:auto -how to?


Hi,
in a cms i have two lists, one shows the items selected and one those
left. the lists are initialized as sortables and are connected with
each other.
for scalability reasons both lists have a fixed height and the css
property overflow:auto.
the problem is, that if you use overflow:auto on a list, a dragged
item creates a scrollbar instead of just hovering over the lists
border (this would be overflow:visible).
http://www.gramberg-webdesign.de/stuff//sortable-lists-20080804-183837.png
i tried differend approaches to overcome this problem and none worked
so far maybe you can help?
* change css of dragged item: tried position absolute but thats
allready set because thats how it's positioned regarding it's parent
node - the list
* try to use different helper: i added a third list which has no
elements and tried to append the helper-element to this list which is
not affected by the other lists. doing so maked the item dragable
throughout the whole document but still i got a cryptic exception
thrown and the element i appended was appended but could not be
seen :-/
i think to use an artificial external helper-element is the most
promising but is there anyone who has actually accomplished something
alike?
Regards
Ludwig