opacity problem in Ie 8 with jquery

here is my jquery code

$("span.stage").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
$(".stagehover").css("display","block").fadeIn(-10);
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
$(".stagehover").css("display","none").fadeOut("slow");
});开发者_开发问答

It works fine in frirfox but it shows black border in IE onmousover. I'm using .png image file.

Please help me to solve this issue.

---

Please check if the element you are trying to adjust the opacity for "have layout".

http://www.satzansatz.de/cssd/onhavinglayout.html

You can also try to set these two properties: -moz-opacity: 0.70; filter: alpha(opacity=70);