Please read my blog's comment policy here.
I spend most of my time on networking, performance, and browser security issues, but while working on a test page recently, I came across some interesting behavior and cross-browser differences when using custom cursors in HTML content.
Web developers can choose which cursor is shown when hovering over HTML elements using the cursor property. There are a number of built-in cursors, or they can specify the URL of a Cursor (.cur) or Animated Cursor (.ani) file that should be downloaded and used.
When I specified that IE should use a cursor file containing a 16x16 image, however, I found that IE stretched it to 32x32. Similarly, I found that when I used a 64x64 image, IE scaled it down to 32x32. You’ll see the same scaling behavior for icons of size 20x20, 20x40, 128x128 and 256x256.
It turns out that IE passes the LR_DEFAULTSIZE flag when calling LoadImage on the cursor file, and that means that the image’s intrinsic size is ignored in favor of the default “system metrics” cursor size, which is 32x32 by default. Hence, IE will shrink or stretch cursors to match the size specified by the system metric.
Various browsers have different behaviors, which you can see in action on this test page.
Update: Custom icons are not scaled IE9 Standards Mode.
Even more fun if you try to have animated custom cursors.