scorrimento orizzontale

[techno]

salve a tutti, grazie alla libreria jQuery sto provando una specie di scorrimento orizzontale ecco il codice:

<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
	var eventNews= function(){
		
		setTimeout(function(){
		$('ul#totNews li').animate({marginLeft:"-=500"},"slow");
		$('ul#totNews li:last-child').css("margin-left","0");
		eventNews();
		},5000);
	}
	eventNews();
</script>

<style>
#contentNews{
	position:absolute;
	width:500px;
	height:300px;
	left:50%;
	margin-left:-250px;
}
</style>

...

    <div id="contentNews">
    <ul id="totNews" style="width:500px; height:300px; overflow:hidden; margin:0; padding:0; list-style:none">
<li style="background-color:#F00; float:left; width:500px; height:300px">
<li style="background-color:#00F; float:left; width:500px; height:300px">
<li style="background-color:#FF0; float:left; width:500px; height:300px">[/list]
    </div>

l'animazione funziona bene ma il problema è questo e cioè quando si muovono le immagini o i sfondi colorati come in questo esempio mi si muove tutto bianco e sia le immagini che i colori compaionoa video ad animazione finita.

Mi spiegate il perchè????

[techno]

bene sono riuscito a capire il problema.
E cioè siccome non ho dato una lunghezza massima al tag "ul" i vari tag "li" mi andavano accapo quindi o dovuto dare ina lunghezza a ul "width:1500px".
ma è possibile che solo in questo modo posso risolverlo???
Lo chiedo perchè mi sembra na cavolata, se e un menù interattivo cioè preso da un database base doveri calcolare quanti elementi sono stati estratti per caloclare la lunghezza di "ul"???

Un pò casinato ma spero di essermi spiegato.