div+js无缝向左滚动文字(兼容IE/FF/Opera)

<style type="text/css" media="all">
body {
background-color:#FFEEE2;
margin:0;
font-size:12px;
}
.d1 {
margin:4px auto;
width:460px;
overflow:hidden;
white-space:nowrap;
}

.div2 {float:left;}

ul{
margin:0px;
padding:0px;
list-style:none;
}
a:link,a:visited{
color:#000000;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:underline;
}
</style>

<div class="d1" id="div1" οnmοuseοver="clearInterval(timer)" οnmοuseοut="timer=setInterval(mar,30)">
   <div class="scroll" id="scroll">
     <div class="div2" id="div2">
        <ul>
          <li>80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝80后阿宝</