JavaScript Перемещение объектов

Yo!

Новичок
JavaScript Перемещение объектов

Возникла задача создать перемещающееся меню на Javascript'e.

Вот что смог сделать.
PHP:
<html>
<title>Тест</title>
<head>
<script language="javascript">
var activat = false;

function activate() {
	activat=!activat;
}


function movete() {

if(activat) {
	var elem = document.getElementById("div1");
	
	divWdh=elem.offsetWidth;
	divHgt=elem.offsetHeight;
	div1.style.pixelLeft=event.x-divWdh/2;
	div1.style.pixelTop=event.y-divHgt/2;
}
}

</script>
<body onMousemove="movete()">
<div name="div1" id="div1" style="background-color:#f00000; width=100; height=20" onclick="activate()">123</div>
</body>
</html>
Пример брал вот отсюда : http://www.compdoc.ru/internet/java/drag/
Если вместо div’a стоит картинка то все работает на ура.
Но див, никак не хочет перемещаться, даже двигаться с места.
Ошибок никаких не выдает.
Где я ошибся?
Возможно ли вообще перемещать див или это технически невозможно?
 
Сверху