Listing 40.3. Rozwiązanie ćwiczenia 40.4
div {
    width: 800px;
    height: 600px;
    background: url('calosc-kafelki.jpg') no-repeat;
    position: relative;
}
a {
    display: block;
    width: 310px;
    height: 190px;
    top: 170px;
    left: 240px;
    position: absolute;
}
a:hover {
    background: url('calosc-kafelki.jpg') -800px 0 no-repeat;
}
...
<div>
<a href="index.html">Lorem ipsum</a>
</div>