Can't change default cursor with jquery (slider)

Can't change default cursor with jquery (slider)

I'm using jquery slider on my website, from here

http://tinyurl.com/5q6luc

And....

All is fine, except there's this class set for left / right buttons, goes like this;



    $scroll
        .before('<img class="scrollButtons left" src="left.gif" />')
        .after('<img class="scrollButtons right" src="right.gif" />');


So - logically - to change it I looked up in the CSS;


.scrollButtons {
   position: absolute;
   top: 10px;
   cursor: pointer;
   z-index: 1000;
}

.scrollButtons.left {
   left: 10px;
}

.scrollButtons.right {
   right: 20px;
}


And the cursor is changed to regular pointer when I go over the link area..

However, when I change the cursor: pointer; part to cursor: url (Hand.cur); I get only the normal mouse arrow, it doesn't even change to pointer.

I got the same cursor rule applied for all other links in my website, and it works.

Only this one doesn't. Any ideas why? Thanks 8)