Salve. Sto tentando di creare un div che mi permette di scorrere sia del testo che delle immagini, fino ad ora ecco il sorgente:

codice:
<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>
C'è un div principale con id "movetext" e un div interno da scorrere con id "divtext". All'interno di divtext inserisco quindi gli elementi che voglio far scorrere. divtext l'ho impostato con i CSS: position: relative; left: 0; e un timer javascript mi decrementa ogni 50 millisecondi 1 unità del valore left e quindi il div interno viene spostato a sinistra.. il problema è che, una volta che divtext esce fuori da movetext, questo continua ad essere visualizzato, mentre io vorrei che superata quella soglia non sia più visibile... come potrei risolvere? Forse utilizzando un frame?