html - Why wont my custom cursor work? -

html - Why wont my custom cursor work? -

i'm trying create cursor custom image. have followed instructions everywhere still not work:

css:

body, html { margin: 0px; padding: 0px; border: 1px solid red; cursor: url(images/rsz_red_crosshair.gif), crosshair; }

the image 32x32. stylesheet linked because border showing. sec alternative (the built in crosshair) works fine. wondering i'm doing wrong, i'm sure it's obvious others.

your style syntax right , i've implemented myself sure. confirm location of image.

html css google-chrome cursor customization