Mi opinión:
creo que lo que debes hacer es darle al selector "a" las propiedades que le has dado a la clase rollover, dejándole a ésta sólo la imagen, y luego hacer una clase o un id para cada imagen. Esto sería más o menos:
a {
outline: 0;
display: block;
width: 210px;
height: 144px;
text-indent: -9999px;
}
a:hover {
background-position: -210px;
}
#rollover {
background: url(img/rollover.jpg) no-repeat;
}
#rollover2 {
background: url(img/rollover2.jpg) no-repeat;
}
#rollover3 {
background: url(img/rollover3.jpg) no-repeat;
}
Y luego:
<a id="rollover" href="#"></a>
<a id="rollover2" href="#"></a>
<a id="rollover3" href="#"></a>
o lo que sea.
Mikel.