IE7: CSS & jQuery: dragging up, dragged item is on

Question

Here is my jsfiddle code: http://jsfiddle.net/SMqR9/16/

You'll notice that in IE7, when you drag an item up, it is visible until it is placed. But if you drag an item down, it somehow has a lower z-index than the things we could want to drag and drop the item into.

Any ideas?

Answer 1

Somehow none of the fiddles that were produced work in my IE9 anymore, not even those, that were working before. Since the last posted revision (26) works in Opera, Chrome and FF, as well as Comp-Mode of IE and IE7, i have to assume it is related to either my IE or JSFiddle and should be working correctly.

http://jsfiddle.net/SMqR9/26/

I think that finally works.

On MouseDown increasing .closest('.section')'s z-index to 5000. On MouseUp lowering it to 1000.

The numbers are chosen randomly, no need to set it that high. Just make sure to lower it to something below your other z-index values