Custom Cursor Images with CSS
Nifty little feature provided by CSS2. Just hover over (move your mouse) the big div
and you'll see your cursor transform into an image! You probably won't notice it in Opera and IE (as usual). FYI, CSS3 allows us to specify the "hotspots" in the syntax like this:
cursor: url(cursor1.png) 4 12, auto;
More information at MDN as always! :)
I would also recommend reading this tutorial for an indepth information on the subject. The tutorial clarifies lots of points like why (and when) you should be using cursor images and what should be the correct steps taken for more cross browser compatibility.