hover na obrazkach Opcje

[elidabilard]

Witam.
Od południa męczę się z efektem rollovera w CSS.
Mam tak:

[HTML] pobierz, plaintext 
<div id="historia">
<a href="#" class="history">Historia</a>
</div
[HTML] pobierz, plaintext 

i CSS

[HTML] pobierz, plaintext 
.history {
	display: block;
	width: 200px;
	height: 100px;
	background: url('../image/historia.png') no-repeat 0 0;
	text-indent: -999em;
}
 
.history:hover {
	background-position: 0 -100px;
}
[HTML] pobierz, plaintext 

Niby wszystko działa jak należy. A jednak... nie. Po najechaniu kursorem widać jak "historia.png" przewija się.
Przerabiałem już chyba wszystko.
Pomożecie szanowni forumowicze?

Pzdr, Piotr