[Resolvido] site: IMG:HOVER fica estranho e no IE fica errado?

Olá galera, estava eu navegando pela NET e me deparei com o seguinte site: www.demonsfantasy.net.

Achei o design super legal, para mim esta ótimo, mas reparei uns seguintes erros que achei estranho.

• 1º - Parece que o IMG:HOVER do cara ta dando erro, prq quando passa o mouse em cima, quando esta carregando, fica dando um "buraco" até que a imagem do :HOVER possa realmente aparecer, não sei se é um erro de fato, mas fiquei curioso e queria saber, que tipo de solução pode ter para isso, afinal eu mesmo posso fazer um site com :hover e não queria passar pelo mesmo problema.
• 2º - Não sei se reparam mais no IE 7 ou 8 o site fica ERRADO???? Fiquei curioso tbm de saber o que se pode fazer nesse caso, pois no FIREFOX e CHROME esta certo e nem seria o caso do IE6 não, o IE 7 ou 8 já ta rolando, por isso achei curioso pois normalmente no IE 7 ou 8 funcionaria de boa.

No final achei curioso o caso e por isso postei, pois como estou aprendendo, gostaria de saber que tipo de solução seria interessante, até mesmo para eu mesmo poder aprender legal.

Vlw galera.