Css IE 8上的定位和图像传输故障

我尝试在另一个图像上放置一些图像，然后在顶部淡入淡出这些图像，以下是我的css：

#spark1 {
    bottom: 211px;
    left: 252px;
    position: relative;
    width: 75px;
}
#spark2 {
    bottom: 100px;
    left: 286px;
    position: relative;
    width: 50px;
}

我的HTML：

<div id="spark1">
    <img src="clientside/images/big_sparkle.png" />
</div>
<div id="spark2">
    <img src="clientside/images/little_sparkle.png" />
</div>

firefox和chrome上的一切看起来都不错，但是在IE 8上（没有在任何早期版本的IE上测试过），sparkle图像的位置错误，它的背景是黑色而不是透明的，我该如何处理呢？？谢谢

问候

更新：

我尝试了一些css解决方案，但似乎没有任何效果（可能是因为我用了错误的方法：p），但最后我找到了一个稍微方便的解决方案，我在jquery淡入淡出效果之后放了这行：

$("#spark1").css('filter', 'none');

这是我img的css：

#spark1 img{
        background: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";  IE8    
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);    IE6 & 7 */      
        zoom: 1;
    }

---

感谢您为我指出这些文章，我想我现在将继续使用此解决方案

如果您的PNG具有alpha透明度，那么实际上即使在IE8中也存在一个缺陷：具有alpha透明度的图像无法透明（=给定除1之外的

不透明度

值）

---

有关背景信息和解决方法，请参阅。

谢谢@pekka，我正在阅读您在该问题上指出的文章，祝我好运

#spark1 img{
        background: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";  IE8    
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);    IE6 & 7 */      
        zoom: 1;
    }