efeito rollover no funciona no ie..

oi gente, tudo bom?

eu fiz um efeito rollover de imagem com css e ele simplesmente não aparece no internet explorer!

vcs poderiam me ajudar?

aqui vcs tem uma página com o efeito: http://www.kdsg.net/exemplo.html

e aqui vcs tem o código css que eu montei para fazer o efeito:

a.srollover { display: block; width: 331px; height: 27px; background: url(../imagens/site/identidade1.jpg)0 0 no-repeat; text-decoration: none;}a:hover.srollover { background-position: 0 -26px;}a.srollover2 { display: block; width: 331px; height: 27px; background: url(../imagens/site/impressas.jpg)0 0 no-repeat; text-decoration: none;}a:hover.srollover2 { background-position: 0 -26px;}a.srollover3 { display: block; width: 331px; height: 27px; background: url(../imagens/site/web.jpg)0 0 no-repeat; text-decoration: none;}a:hover.srollover3 { background-position: 0 -26px;}a.srollover4 { display: block; width: 331px; height: 27px; background: url(../imagens/site/apresentacoes.jpg)0 0 no-repeat; text-decoration: none;}a:hover.srollover4 { background-position: 0 -26px;}a.srollover5 { display: block; width: 331px; height: 27px; background: url(../imagens/site/fotografia.jpg)0 0 no-repeat; text-decoration: none;}a:hover.srollover5 { background-position: 0 -26px;}a.srollover6 { display: block; width: 331px; height: 27px; background: url(../imagens/site/arte_digital.jpg)0 0 no-repeat; text-decoration: none;}a:hover.srollover6 { background-position: 0 -26px;}

o que eu posso fazer parar arrumar isso?

obrigado