This only happens when I have two different CSS-defined custom cursors. (I assume for this bug to happen, both cursors have to be .cur files stored on the server, aka not any of the default built-in cursors)

Here is what my CSS looks like:

body { cursor: url('cursors/custom.cur'); } (a cursor for the whole site)

a { cursor: url('cursors/link.cur'); } (a cursor for all the links on the site)

Then I create a <div> element that is within an <a> element.

I use jQuery's hover function to animate the <div> element when the mouse hovers over it.

Two things happen:

The jQuery's code starts animating the <div> element.

The CSS code makes my cursor change to my "link.cur", remember, because the <div> is within an <a>.

For whatever reason, this confuses the browser and causes my cursor to "twitch" or "jump" around in about a 5px radius area. This only occurs when the cursor is "crossing" the div's border, it stops happening after the cursor is inside the div element, and happens again when the cursor leaves the div element, and again, stops happening when the cursor is far enough outside of the div element.

When this first happened to me, I thought my code had errors in it. So I recreated the situation in a much more simpler context, using only the bare necessities. After troubleshooting all the possibilities I can only conclude that this is a bug with jQuery, because the problem only occurs when i introduce jQuery animations into the equation.

Perhaps I found a bug, or perhaps not. Either way I would really like to get this fixed because I love jQuery but I also enjoy using a custom cursor from time to time to enhance the user experience.

I was having trouble recreating the problem on jsfiddle because I couldn't host my '.cur' files on any site that allowed direct file linking. But it should not take long to recreate on a localhost at all, five mins maximum.

I patiently await your response jQuery team :D. Thank you!