Здраствуйте, не могу понять почему нижеприведенный скрипт в FireFox без !DOCTYPE работает прекрасно, а с ним нет.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">
window.onload = function(){
var elemX=0, elemY=0, drag=false, elem = document.getElementById('imgs');
elem.onmousedown = function(event){
var event = event || window.event;
elemX = event.clientX+document.body.scrollLeft-parseInt(this.style.left);
elemY = event.clientY+document.body.scrollTop-parseInt(this.style.top);
drag = true;
};
elem.ondragstart = function() {
return false;
};
document.onmouseup = function() {
drag = false;
};
document.onmousemove = function(event){
var event = event || window.event;
if(drag){
elem.style.left=event.clientX+document.body.scrollLeft-elemX;
elem.style.top=event.clientY+document.body.scrollTop-elemY;
}
};
};
</script>
<img src="http://javascript.ru/forum/images/smilies/yes4.gif" style="position:absolute;top:100px; left:100px; width: 20px; height: 20px;" id="imgs" alt="" />
PS: пробовал назначать обработчик так: addEventListener()/attachEvent(), но тоже самое работает только без !DOCTYPE