<html>
<head>
<style>
.marquee { background-image: url("http://xn--ovg.com/marquee/images/5.jpg");
background-repeat: repeat-x;
background-color: #FF5522;
height: 100px;
width: 336px;
border: 1px black solid;
}
</style>
</head>
<div id=marquee class=marquee> . </div>
<!-- don't ask me why, but if I remove the "dot" above
document.getElementById wont find my div.
-->
</html>
<script>
var bgPos = 0;
function rollBackground(obj, interval)
{ obj = document.getElementById(obj);
obj.style.backgroundPosition = bgPos--;
setTimeout("rollBackground('"+obj.id+"',"+interval+");", interval);
}
rollBackground('marquee',100);
</script>