Estou tentando usar um cursor personalizado para um jogo online; nesse caso, é um escopo de atirador.

O problema é que quando faço referência ao cursor via CSS, o ponto de interação ainda está no canto superior esquerdo do ícone, enquanto ele precisa estar no centro do ícone para que o cursor faça algum sentid

Aqui está o cursor:

cursor:url(http://www.seancannon.com/_test/sniper-scope.cur),default;

Aqui está uma demonstração:http: //jsfiddle.net/9kNyF

Se você colocar o ponto vermelho do cursor sobre o ponto vermelho que criei na demonstração, ele não disparará o evento click. Você deve tentar apontar para o canto superior esquerd

Se você definir o cursor de volta paracursor:default; você verá que o evento click é acionado, é apenas uma questão de "apontar" o curso

O jogo é codificado em JQuery, por isso, se eu precisar adicionar alguma lógica para deslocamento do cursor ou algo coxo, que assim seja. Idealmente, quero que essa seja uma correção CSS.

Obrigado