animazione orizzontale in jquery

[techno]

salve ho realizzato una semplice animazione in jquery in orizzontale delle news sul mio sito ecco il codice:

$(document).ready(function(){
    
    var totciclo=<?php echo ($totrecnews + 1); ?>; // $totrecnews è il numero delle news estratte da un database

    var newsciclo=0;
    var second=5000;
    
    var eventnews=function(){
        setTimeout(function(){
            if(newsciclo!=totciclo){
                $('#effectnews').animate({left:'-=820'},1000);
                newsciclo++;
                second=5000;
            }else{
                $('#effectnews').css({"left":'0'},"fast");
                newsciclo=0;
                second=0;
            }
            eventnews();
        },second);
    }
    eventnews();
});

questo e html:

<div id="contenitore">
<ul id="effectnews" style="position:absolute; margin:0; padding:0; list-style:none">
<li id="page">...
...[/list]
</div> 

l'animazione funge ma ce un piccolo problema che ho constatato e cioè quando effettua l'animazione spostandosi verso sinistra mi si vede arrivare in posizione un quadrato bianco poi quando si ferma l'animazione compare l'immagine che si trova in quel quadrato.

Come posso risolvere la situazione????