:hover no ie8

Boa tarde pessoal.

Estou tendo vários problemas com o ie8 e o mais novo é a utilização do ":hover" para trocar a img de fundo de uma "div" ou "a". O mais curioso é que eu fiz a mesma coisa em um projeto anterior e funcionou, mas agora, sabe-se lá por que ele não funciona.

Eu já cheguei a copiar a estrututa do css do projeto anterior e utilizar nesse novo, só trocando as imagens que seriam usadas, mas mesmo assim ele ignora esse comando. Já tentei fazer o ":hover" funcionar só com mudança de cor no background, com alteração no "text-decoration" e nada.

Procurei pela internet e descobri que isso é um bug do ie8, mas alguém poderia me ajudar a corrigir isso?

Segue o código utilizado no projeto que funcionou (http://www.propagare.net/rvalentim2/home.html):

#shop{
	position:absolute;
	left:329px;
	top:0px;
}

#shop a{

	background:url(img/shop_duo.jpg) no-repeat left top;
	display:block;
	height:10px;
	width:32px;
}

#shop:hover a{

	background-position:left bottom;
}

E segue o código que estou testando no novo projeto. Como eu não precisava de nenhum link, resolvi fazer ele com "div" mesmo (http://www.propagare.net/apresenta3d/celta/):

#propagare{
	position:absolute;
	top:49px;
	left:696px;
	height:39px;
	width:74px;
	background-image:url(../img/prop_duo.png);
	background-repeat:no-repeat;
	background-position:top;
	visibility: visible;
}

#propagare:hover{

	background-position:bottom;
}

Só para lembrar que ele funcionou perfeitamente no firefox e no safari.

E gostaria de aproveitar e perguntar se alguém tem um bom site de referência para essas duvidas relacionadas ao ie8.

Valeu pessoal!