Salve a tutti. Ho un piccolo problema con JavaScript. In pratica ho creato un oggetto che prende come riferimento l'id di un <div>, ma quando eseguo la pagina, nella console degli errori vedo: "Errore nell'interpretazione della proprietà 'left'. Dichiarazione tralasciata."

Eppure credo di aver richiamato le proprietà CSS da JavaScript in modo corretto... qualcuno che mi illumini?
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Move text</title>
	</head>
	<body style = "text-align: center;">
		<script type = "text/javascript">
			//<!--
			text = "This is a text";
			document.write ("<div id = \"movetext\" style = \"width: 300px; height: 20px; border: 1px solid blue;\">");
			document.write ("<div id = \"divtext\" style = \"position: relative; left: 0; width: 300px; height: 20px;\">" + text + "</div></div>");
			div = document.getElementById ("divtext");
			window.setInterval
			(
				function()
				{
					div.style.left = "" + (parseInt (div.style.left) - 1);
				}
			, 50);
			//-->
		</script>
	</body>
</html>