Focus simultané sur un enfant et le parent

bonjour, j'ai crée une barre de menue telle que décrite à cette adresse :
http://www.ultra-fluide.com/ressources/css/menu-onglets.htm
Dans cette méthode l'onglet sélectionné est mis en avant de manière statique en lui appliquant une classe "courante". J'ai voulu modifier cette méthode de manière a avoir une barre dynamique avec l'onglet qui se met en avant quant on le survole avec la souris. Les onglets sont décrits dans une liste <ul> <li><a>onglet</li></a>. Pour l'extrémité gauche de l'onglet on affiche une image de fond attaché à l'élément <ul><li>, elle est commune à tous les onglets. La partie droite est attaché au lien <ul><li><a>. Pour les parties gauche et droite il y a deux images de fond (on et off). Je voudrais que ces deux parties soit liées afin que quand je survole ou que j'active l'une d'elle l'autre le soit également. Pour l'instant je n'y arrive que partiellement comme vous pouvez le constater à l'adresse suivante : http://cf.geocities.com/christophe_gal/. J'ai pensé à rajouter un focus sur <ul><li> mais je n'y suis pas arrivé. Est ce que quelqu'un a une solution en CSS, sans passer par javascript ?

Bonjour,

Si j'ai bien compris le problème, alors il est traité dans la seconde partie de l'article en question

Au passage, c'est peut-être juste une faute de frappe ici mais :

<li><a>onglet</li></a>

S'écrit plutôt :

<li><a>onglet</a></li>

Oups en effet tu as raison ! je ne l'avais pas vu.

Christophe