Link: <a href="url"><span>Text</span></a>
Style: a { background: url(url) no-repeat 0 0;
display: block;
width: 100px; height: 50px;
}
a span { visibility: hidden; }
a:hover { background-position: - 100px 0; }
Das Bild enthält dann beide Versionen nebeneinander.
Aber wo baue ich den dort die unterschiedlichen Grafiken ein? Bei den urls?