onmouseup при движении мышью
 

Доброе утро!
Сталкнулась с проблемой:
есть картинка:

<DIV id="divMap1"  class="map"><IMG id='mapimage' name="mapimage" onmouseup="processMouseUp(event)" onmousedown="clickCheck(event)" onmousemove="processMouseMove(event)" src="image/world.jpg"/></DIV>

Если кликнуть мышью по ней - то вызовется сначала функция clickCheck(event) а затем функция processMouseUp(event)
НО! Если нажать кнопку мыши, провести чуть по картинке, то срабатывает только функция нажатия мыши, а функция отпускания (событие onmouseup) не срабатывает. При этом - когда кнопка мыши зажата и движется - картинка пытается сместиться - ну словно я пытаюсь перетащить ее в другое место.
Подскажите пожалуйста, как сделать чтобы этого не было!
(дело в том, что мне нужны оба эти события, я должна выделить прямоугольную область на картинке и сохранить координаты курсора)

по onmousedown прерываешь действие по умолчанию ( event.preventDefault() ) и тогда перетаскивания не произойдет.

О да! Работает! Спасибо!!!
Еще здесь на форуме нашла такое решение:

document.ondragstart=function(){return false}

только это запрещает вообще все элементы перетаскивать ,на сколько я понимаю) но может тоже кому пригодится.
И еще увидела что картинки можно бекграундом делать....можно попробовать))))