This may not be a problem with jQuery, probably with IE, but here's my situation. I have a grid of divs in a container and they are all draggable.

2. listItem.draggable({
3.         
4.         revert: "invalid",
5.         appendTo: "body",
6.         helper: "clone",
7.         start: function(event, ui) {
8.             
9.             $(this).css("visibility", "hidden");
10.         },
11.         stop: function(event, ui) {
12.             
13.             $(this).css("visibility", "visible");
14.         }
15.     });

As you can see I wanted to make the original element hidden (but keep its place) while the helper was being dragged. This works perfectly fine in FF, Chrome, and Safari but not IE. In IE what happens is sometimes (i can't seem to figure out how to exactly recreate it, it only happens sometimes ) after letting go of the draggable it goes back but the original doesn't appear again unless you either click or move the mouse around. If I put an alert before and after getting the visibility value it always works.

This makes me think it is some kind of IE render thing but I don't know. Also I was trying to create a test case but I couldn't recreate the bug. This is part of a big web app and has a lot of jQuery stuff in it. (buttons, tabs, dropabbles, the content grouping/panel from the wiki)

Anyone have any thoughts?

Edit: This is with jQuery 1.3.2 + jQueryUI 1.7.2