Помогите пожалуйста разобраться... везде работает, кроме IE8 и ниже.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Тест</title>
</head>
<body>
<div id="cell"
style="border: 1px #a0a0a0 solid; background-color: #efefef; width:40px;height:40px;text-align:center;"
onmousedown="down(this,event)">0</div>
<script type="text/javascript">
var x=0,drag=false;
function down(obj,e){
x=e.clientX;
obj.style.backgroundColor="#ddffdd";
document.addEventListener("mousemove",move,true);
document.addEventListener("mouseup",up,true);
drag=true;
}
function up(e){
var obj=document.getElementById("cell");
obj.style.backgroundColor="#efefef";
drag=false;
}
function move(e){
if (drag){
var obj=document.getElementById("cell");
var dx=Math.round((e.clientX-x)/10);
obj.innerHTML=parseInt(obj.innerHTML)+dx;
}
}
</script>
</body>