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

[Szymciosek]

http://websta.pl/szybkie-triki/szybkitrik-...-rollover-w-css

Tutaj ładnie opisane.

[elidabilard]

Witam.
Dziękuję za zainteresowanie. Znalazłem błąd. Otóż mam zrobione menu z animacją w CSS3, za takie działanie fotki odpowiada:

[HTML] pobierz, plaintext 
*:hover {
	-moz-transition: 1s ease-in;
	-webkit-transition: 0.3s ease-in; 
	-o-transition: 0.3s ease-in; 
	transition: 0.3s ease-in;
	}
[HTML] pobierz, plaintext 

Zmieniłem na:

[HTML] pobierz, plaintext 
menu li a:hover {
	-moz-transition: 1s ease-in;
	-webkit-transition: 0.3s ease-in; 
	-o-transition: 0.3s ease-in; 
	transition: 0.3s ease-in;
	}
[HTML] pobierz, plaintext 

Teraz śmiga wszystko.

Pozdrawiam i miłego weekendu.
Piotr