Probléme de hover et de onmouseup sur des liens

Salut la communauté
J'aimerai vous faire part d'un de mes probléme de développement en html/css et j'ai intégré un peu de javascript aussi pour faire quelques effets de rollover avec l'evement onmousedown. Tout mes efforts n'ont pas aboutis.

Je vous exposes alors mon trouble :

j'ai une liste de lien dans une liste:
<li><a href="#">énergie (1 articles)</a></li>

et j'aimerai que lorsque je passe sur ma <li> le lien qui se trouve dedans change de couleur. j'ai essayé avec le css mais ça ne marche qu'avec du texte sans lien. Je ne vois plus vraiment comment faire maintenant...
J'ai essayé de mettre ça : <li onmouseover="this.className = 'liendessus'" > <a href="#"> mon lien </a></li> mais il ne marche pas.

Auriez-vous des tuyos à me fournir ?
Votre aide me sera vraiment utile

Bonjour,

    t'embête pas, fait ça en CSS sur les liens...

<style type="text/css">
 a:link    { text-decoration:underline;
             text-transform:capitalize;
             font-weight:normal;
             color:#FF0000; }
 a:visited { text-decoration:overline;
             font-weight:bold;
              color:#00FF00; }
 a:hover   { text-decoration:line-through;
             text-transform:uppercase;
             font-weight:bolder;
             background-color:#FFFF00; }
 a:active  { text-decoration:none;
             text-transform:lowercase ;
             font-weight:lighter;
             background-color:#CCFFFF; }
</style>

---

---

Meri de ta réponse rapide,
mais dans mon css j'ai définis mes <li> avec une largeure de 250 px (donc fatalement plus large que je texte qui se trouve dedans). Et moi j'aimerai que le texte 'lien' qui se trouve dans le <li><a href="#">mon texte</a></li> change de couleur quand je passe sur la <li>.

mettre la même taille aux href.

---

---

peut-être pas été clair...
    width:250px dans le css a:

---

---

par exemple... on doit pouvoir trouver d'autres solutions.
si html/css font, il vaut mieux ce passer de tout code.

---

---

Salut
li > a{
display:block;
}

ca doit aussi marcher

---

une recherche sur exalead vous aurait peut-etre evite de poser cette question

Salut

sinon, t'aurais pu accepter les reponses qui t'ont permises d'arriver a la solution finale... et pas laisser croire que tu t'es debrouille seul...

---

une recherche sur exalead vous aurait peut-etre evite de poser cette question

Heu ouai merci coucou747pour le coup du display:block, mais il ne fallais pas le mettre sur les <li> mais sur les <ul> . Il me semblai qu'acepter une réponse c'était comme son nom l'indique "une réponse" et non un élément partiel de réponse. Bref pour conclure j'ai trouvé la soluce à mon probléme sur ce tuto : [ Lien ]
Désolé pour ton ego coucou747.