Background d'une image

[tehknox]

Bonjour à tous,

J'ai fais un petit script qui me permet de faire une transition entre une image et son background. En IE8, l'image était décaller comme si c'était 2 objets totalement différent au lieu de le générer un par dessus l'autre. J'ai ajouté un position:absolute et cela a corrigé mon problème mais seulement en IE8 ... IE9 n'affiche pas le rendu comme prévu mais cela fonctionne dans tout les autres navigateurs. Quelqu'un a une petite idée?

Merci.

Code :

1
2
3
4
5
6
7
8
9
/*Image HTML*/
<div>
<a href="<?=Mage::getModel('catalog/category')->load(4)->getURL()?>">
<img class="fade" style="background: url('../skin/frontend/magento-boilerplate/default/images/women_over.jpg');" id="women" src="../skin/frontend/magento-boilerplate/default/images/women.jpg" alt="women" />
</a>
</div>
 
/*Classe CSS*/
.fade { position:relative; top:0px; left:0px; z-index:20000; }