Underline ved hover på DIV

Det skal siges at jeg har forsøgt mig med

div:hover

Og det virker i hvert fald ikke. :-)

Du skal bare bruge den rigtige browser, det er understøttet i så godt som alle andre browsere end IE.

Du gør:
a.x:hover { text-decoration : underline }

<div class="x"><a href="#">x</a></div>

Det skulle give den effekt som du ønsker.

Du kan bruge onmouseover/out

<div onMouseOver = "this.style.textDecoration='underline';"
    onMouseOut = "this.style.textDecoration='none';">
Her står noget tekst
</div>

>notes2c
Synes jeg er en dårlig løsning, ihvertfald bør man jo så ændre cursoren, da det folk ellers tror det er et link, når der er hånd på.

>>notes2c

Hvordan får du den til at virke ?-)

Din selektor siger: et a-tag, som har class-name x skal ved hover ...

Der er ikke noget a-tag med class="x", men en div med det class-name ...

men f.eks. sådan:

a{text-decoration: none;}
.x a:link{
  text-decoration: none;
  display:block;
}
.x a:hover{
  text-decoration: underline;
  cursor: default;
}

Klart, det er mig som ikke læste spørgsmålet ordentligt. Knudgert's løsning er den rigtige.

Takker for point