Bonjour a tous !
 
Voilà mon problème, je tapais quelques lignes de codes (x)html + css et je rencontre le problème suivant :  
pour faire un menu par exemple...
Voila mon code html :  

css :

 
Avec ce code (que j'ai vraiment simplifié), au survol de la souris, seulement l'arriere plan du texte change et pas toute la cellule li qui fait par exemple 200 pixels de large. Donc comment faire pour que toute la cellule change de couleur (arriere plan) ?
 
ps : je trouve ce (petit) problème tellement bête que je me demande si c'est parce que je suis fatigué ou pas, mais ça fait Une heure et demi que je tente dans tous les sens pour le faire, sans passer par des cellule de tableaux...

La balise a est de type en-ligne. Ajoute la propriété display:block à celle-ci pour avoir un effet de changement de fond (ou d'autre chose) sur la totalité de l'élément qui contient a (en l'occurence, li).

Ah bah voila, c'est donc ça, je te remerice. En plus je connaisais l'element display block, in-line etc... en tout cas merci beaucoup !!
 
Autre petite question, est-ce possible de preciser que le changement d'arriere plan de mon li se fasse vraiment en arriere plan par rapport a une image qui, elle ausi est en arriere plan de mon li ?
 
Concretement, j'ai une petite image en gif en arriere plan de mon li et je voudrais que le changement de couleur au survol de la souris se fasse en dessous de l'image et non par dessus. je ne sais pas si j'ai bien reussit a me faire comprendre là ?

Bien sur : un background reste un background.

c'est bon j'ai réussit, il suffisait de specifier l'image d'arriere plan sur le li:hover et non sur le li...  

Par contre sous IE6, le lien se fait que sur le texte mais pas sur toute la longueur de la cellule alors que Firefox lui marche nickel...  
Comment ça se fait ?