[CSS] Problem mit Css / Link

blue orange
Mein style.css Code:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
a:link, a:visited, a:active {
        color: #9E9D65;
        text-decoration: none;
        font-size: 11px;
        font-family: trebuchet ms;
        letter-spacing: 0px;
        }

a:hover {
        font-size: 10px;
        color: #F6FBD5;
        text-decoration: none;
        border-bottom: 2px solid; border-color: #F6FBD5;
        text-transform:uppercase;
        background-color: #C7C998;
        text-align: left;
        }

a.v:hover {
        position: relative;
        top: 1;
        left: 1;
        }


Mein Code für den Link:
code:
1:
2:
<a href="warmblueter.html" class="v"><img src="warmblueter.jpg"></a>[CODE]

Jetzt müsste der Link doch eigentlich den Hovereffekt von "a.v:hover" übernehmen oder?

Leider klappt das nicht unglücklich

Ich möchte, dass das Bild beim überfahren mit der Maus sich nach unten rechts bewegt.
SaraliebtPferde
muss da nich oben noch body
rein?

so?

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:

body

a:link, a:visited, a:active {
        color: #9E9D65;
        text-decoration: none;
        font-size: 11px;
        font-family: trebuchet ms;
        letter-spacing: 0px;
        }

a:hover {
        font-size: 10px;
        color: #F6FBD5;
        text-decoration: none;
        border-bottom: 2px solid; border-color: #F6FBD5;
        text-transform:uppercase;
        background-color: #C7C998;
        text-align: left;
        }

a.v:hover {
        position: relative;
        top: 1;
        left: 1;
        }
blue orange
öhh wieso sollte da body rein? oô
Snowi
Zur class v muss es auch ein Nicht-Hover geben.