IE7将滚动图像的边缘变黑

我正在使用jquery脚本进行图像翻转,我在IE7中遇到了一个问题,只有当我的所有图像都正确加载时,但一旦翻转图像并展开,顶部图像的边缘就会变黑。有人知道这可能是什么原因吗?该网站可以在free-to-be-me.com/ask-ava.php上找到。

下面是我使用的代码:

    $(function() {
        $(".bw").hover(function() {
            $(this).animate({ opacity: 0.0 }, 200);
        });
    });

    $(function() {
        $(".bw").mouseout(function() {
            $(this).animate({ opacity: 1.0 }, 200);
        });


<div class='liner-nav'>
    <div class='container'>
         <a class='html' href='ava-lb/options.html' style='border:none;' rel='group'><img src='images/ava/School_pink.png' class='bw' style='border:none;' /></a>
         <img src='images/ava/School_blue.png' class='colour' alt='' />
    </div>
</div>
});

事先谢谢你的帮助。

编辑

我在网上搜了好几个小时,尝试各种各样的黑客,试图阻止IE7把PNG搞得团团转。我得出的结论是,虽然IE7可以以最小的麻烦处理PNG,但它不能很好地处理不透明度的变化。所以我选择了直接图像交换,因为它实现了相同的事情。谢谢你的帮助。