Salve,

ho creato un news ticker molto semplice, prende gli elementi da una lista e li mostra ad uno ad uno.

Ho notato che dopo il primo giro però cambia qualcosa, ovvero le news vengono spostate di qualche pixel più in basso...

Allego il codice e due screenshot

Codice HTML
codice:
<div id="ticker">
    <ul>
        <li>
            News1
        </li>
        <li>
            news2
        </li>
        <li>
            news3
        </li>
        <li>
            news4
        </li>
    </ul>
</div>
Codice CSS:
codice:
#ticker 
    {
        height: 40px;
        overflow: hidden;
        text-align:center;
        
    }
    


    #ticker li 
    {
        list-style:none;
        height: 40px;
        
    }
Codice JS
codice:
function tick()
{
    $('#ticker li:first').slideUp( function () { $(this).appendTo($('#ticker')).slideDown(); });
}
setInterval(function(){ tick (); }, 5000);
Chiedo scusa nel caso fosse la sezione sbagliata, visto che il problema si presenta al secondo giro ho ipotizzato sia un problema di JS, ma potrebbe essere anche molto probabilmente di CSS.

E infine gli screenshot

Primo giro



Secondo giro



Come potete notare nella seconda immagine la scritta "News1" è molto più vicina alla linea... anche se non capisco perchè...

Grazie in anticipo