Menu interactif scroll Up/Down :hover

Bonjour tout le monde, étant donné que c'est sur ce site que je trouve la plupart du temps les réponses que j'attendais, je me décide à m'inscrire et poser une question qui je l'espère aidera bon nombre de newbee tel que moi.

J'ai commencé mon site internet en XHTML/CSS (css que j'ai appris il y a peu grâce au siteduzero pour le nommer) et je me trouve confronter à un problème particulier.

Mon site d'infographiste 3D recevra bon nombre de videos que j'aimerais référencer dans un menu vertical.
Une suite donc de <ul> <li></li><li></li><li></li> </ul> coincées dans un overflow de taille fixe. Je voudrais qu'au passage de ma souris :hover vers le haut (donc sur un bouton invisible ou pas, peut être mis dans un autre <div>, peu importe) mes <li> commencent a se scroller vers le haut. Et Vice versa pour le bas.

J'ai longtemps chercher sur le net sans vraiment trouver mon bonheur. Je me suis interressé à la balise marquee mais elle ne convient pas d'après moi parce qu'elle ne permet les déplacement que dans un sens et si je fais comme l'exemple ci dessous:
<marquee Class="Scroller" behavior="scroll" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
Les <li> se scrolleront des l'ouverture de la page et il faudra que j'aille pointer la balise pour activer le " onmouseover="this.stop()" onmouseout="this.start()"> " ce qui ne fait pas mes affaires puisqu'elle doit etre fixe au départ, de plus elle ne se scroll que dans un sens je l'ai dit.

Voilà j'èspère avoir été clair. Pour tout ceux qui me diront oui mais il faut du javascript et ton site ne sera plus valide W3C, ce n'est pas un problème. Ce site est à titre personel pour envoyer mes travaux à des gens précis dans le cadre d'une recherche d'emploi.

J'attends vos idées avec impatiences.

Cordialement,