Cursor Help!
 

I would like to know how to change the default cursor on my webpage. I know how to put a script in so a cursor image will follow/trail the cursor but I want the actual pointer to change to one that I have made. What I know so far it has something to do with the hover and css style sheet. I don't want my skin or font to change, I just need a code that will make the default cursor change.
I have uploaded the image to my server and put the code down below in my header but it only seems to change the font size. If somone is able to help me with this that will be great. Thanks in Advance! :D



code

<style type="text/css">
A {
TEXT-DECORATION: none
}
A:link {
FONT-SIZE: 12pt; COLOR: #000000;
}
A:visited {
FONT-SIZE: 12pt; COLOR: #000000;
}
A:active {
FONT-SIZE: 12pt; COLOR: #000000;
}
a:hover { font-weight: bold;
cursor:url(bomberman.ani)}
end of stylesheet {

}
</style>