求助，关于css移动问题


<html>
<head>
<script type="text/javascript">
  var div_1=document.getElementById("div1");
  var x=0;
  var y=0;
  setInterval("mov_1();",2000);
  function mov_1(){
  x+=10;
  y+=10;
  div_1.style.top=x+"px";
  div_1.style.left=y+"px";
  }</script>
</head>
<body>
<div id="div1">
<p>Hello CSS</p>
</div>
</body>
</html>我想让一段文字移动，求助该如何做呢？自己写的不行，错在哪里啊？