I need some help with jQuery UI. I have a web page with two sets of draggables, set1 & set2. One of them works as droppable also, set2. In set2 each two draggables can swap their positions using the jQuery utility position() funnction. A dragabble from set1 can be dropped into set2. Everything works fine except when two draggables in set2 are swapped, a draggable from set1 shows under instead on top of either of the swapped draggables. With any draggable in set2 where its position (hasn't been swapped) hasn't changed, the draggable from set1 shows on top, which is good. This happens in IE only. I am aware that IE changes the z-index of DOM elements during a drag operation. I tried updating the z-index of the elements ebfore and during the drag but it's not fixing the problem and I am stomped. There might be a quick fix but I am not seeing it.
I will supply the files for the web page.