Как убрать курсор с элемента?
 

При наведении на элемент, необходимо чтоб курсор пропадал

Возможно сделать так

<style>
#element {
    cursor: none;
}
</style>

Это будет работать в safari, chrome, firefox.

В opera не будет. Про ie не знаю (думаю что тоже не будет)

Как сделать такую штуку для всех браузеров?

:) Ну если ток так

<style>
#element {
  background-color:#787;
  border:red solid 1px;
  width:100px;
  height:100px;
    cursor: crosshair;
}
</style>
<div id=element></div>

Deff,

но в вашем случае он не исчезает, а приобретает вид крестика.

Вот посмотрите:

<style>
#element {
  background-color:#787;
  border:red solid 1px;
  width:100px;
  height:100px;
    cursor: none;
}
</style>
<div id=element></div>

dmitry111,
Собсвенно фича в подгонке цвета - иного выхода - не видно

как все сложно в этом мире :(
Не, мне тогда уж проще установить в качестве курсора прозрачную картинку, а так не хотелось бы :(

В Опере - не робит

мда :(

ну скриптом определить браузер, и написать смену стилей на js: для одних первый способ, для вторых второй