Issue with ui.sortable from one list to another
I am having a problem with two separate lists of images in two different containing div elements. Both divs are 100% width and one is on top of the other.
The problem I am encountering is when i drag one image from the top list to the bottom list... the "ghost" image attached to the cursor is drawn under all of the second list, at the same time if i drag an item from the bottom list to the list above the "ghost" image is drawn on top of everything.
I have tried changing the z-index for all of the different items and can not get it working with that. One interesting outcome from a test is if i swap the lists and put the bottom list on top of the top list I get the same results moving items from the bottom to top the "ghost" image on the cursor is drawn on top of everything but when i drag an item from the top list to the bottom it is drawn underneath the items in the second list.
I am working on getting my code uploaded so you all may take a look and see if you can figure out anything... I am at my wits end unfortunately.
I also can't find where the code is that handles the object that is attached to the cursor, as I would like to experiment with that block of code.