Cas particulier d'un menu vertical type onglet

Bonjour,

Je souhaite implémenter sur un site un système d'onglet dont voici un extrait de la maquette
http://gkooo.free.fr/Forum/alsacreation/switcher/switcher.png

J'ai 2 contraintes :
lors du survol des chiffres 1,2,3,4 j'ai un effet de survol (modification de la couleur de l'onglet), pour ce fait j'ai 5 images de l'onglet :
http://gkooo.free.fr/Forum/alsacreation/switcher/0.png http://gkooo.free.fr/Forum/alsacreation/switcher/1.png http://gkooo.free.fr/Forum/alsacreation/switcher/2.png http://gkooo.free.fr/Forum/alsacreation/switcher/3.png http://gkooo.free.fr/Forum/alsacreation/switcher/4.png

Seconde contrainte, l'accessibilité, il faut que mon menu en HTML soit du type

<ul>
  <li>TEXTE A CACHER</li>
  <li><a href="">TEXTE A CACHER 1</a></li>
  <li><a href="">TEXTE A CACHER 2</a></li>
  <li><a href="">TEXTE A CACHER 3</a></li>
  <li><a href="">TEXTE A CACHER 4</a></li>
</ul>

Je ne sais pas par ou commencer
Quelle est la meilleur méthode, full CSS ou utilisation de JS ?
Il vaut mieux 1 images pour le background et la déplacer ou 5 images différentes vu ce cas particulier ?
Merci d'avance
Modifié par gcooo (20 Mar 2009 - 10:41)