alt tekst til billede med hovereffekt?

Jeg sidder for første gang og skal kode en hjemmeside til en opgave på skolen. Jeg er nu nået dertil, at jeg har fundet ud af, hvordan jeg skal lave en hover-effekt på et billedem som gør at det skifter billede. Vi har den ene restriktion at vi ikke må bruge javascript, så det hele er lavet i css.

Jeg ved ikke, hvor jeg skal placere en alt="blabla", hvis jeg vil have teksten vist når musen føres over.

Skal det være i min style:
a.et { background-image: url(img1.gif); width: 50px; height: 50px }
a.et:hover { background-image: url(img2.gif); width: 50px; height: 50px }

..og hvor skulle den så være?

Eller skal det være i selve linket:
<a href="http://www.eksperten.dk" class="et">

..og hvor skulle den så være?

Jeg HAR forsøgt med de to løsninger, så enten KAN man ikke eller også skal det placeret anderledes end det, jeg har forsøgt.

Jeg håber, det i det hele taget KAN lade sig gøre, og at det ikke er mere kompliceret end som så og at jeg bare ikke kan se det fordi det er nemt nok.

Ellers ville jeg blive enormt glad for en anden måde at løse det på - hvis det kan løses..

/Malene