CSS/JS: как изменить картинку курсора?

Доброе время суток!

Мне нужно изменить курсор в состоянии рейсайз блока(горизонтальные стрелочки влево и вправо, при растягивании блока).

cursor: url('img/cursor.png'), auto !important;
cursor: url('img/cursor.png'), n-resize !important;
cursor: url('img/cursor.png'), ne-resize !important;
cursor: url('img/cursor.png'), e-resize !important;
cursor: url('img/cursor.png'), se-resize !important;
cursor: url('img/cursor.png'), s-resize !important;

Такие штуки срабатывают только на изначальном состоянии (дефалт).

Если скрываю курсор - при ресайзе стандартный курсор все равно показывает )))
cursor: none;

Как изменить курсор при ресайзе?