Dimostrando i miei limiti chiedo ancora aiuto.

Ecco cosa ho fatto:

ho dato a ogni li un float a sinistra in modo da metterli allineati uno accanto all'altro e non uno sotto l'altro.
A questo punto già c'è un problema, i li in eccedenza, finita la larghezza dell'ul contenitore non scompaiono ma si posizionano sotto.

poi ho cambiato l'ultima riga dello script da così:

$('#menu').animate({top: top_value}, { queue:false, duration:500});

a così

$('#menu').animate({left: top_value}, { queue:false, duration:500});

Così però scrolla a sinistra tutto l'ul e non i singoli li.

Suggerimenti?

Grazie in anticipo!