где в моем коде ошибка?
лого стоит на месте, почему?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<style type="text/css">
#logo {
overflow: hidden;
position: relative;
border: 1px solid red;
}
#logo img {
display: block;
}
</style>
<script type="text/javascript">
window.onload = function() {
var logoDiv = document.getElementById('logo');
var logoImg = logoDiv.firstChild;
logoDiv.style.width = logoImg.width + 'px';
//logoImg.style.position = 'absolute';
logoPos = -logoImg.width;
var timer = window.setInterval(function() {
logoPos += 5;
if(logoPos >= 0) {
logoPos = 0;
window.clearInterval(timer);
}
logoImg.style.right = logoPos + 'px';
}, 50);
}
</script>
</head>
<body>
<div id="logo"><img src="solarenergie.gif" alt="logo" /></div>
</body>
</html>
Спасибо заранее!