fade in/out & animate problem on IE
Hi there.
My menu does not work properly on IE7. Check it out here:
Webyourself
I use jquery-1.3.2.min.js and jquery.bgpos.js from
http://www.snook.ca/technical/jquery-bg/jquery.bgpos.js
My jquery code:
-
$(function(){
$('#menu-start')
.mouseover(function(){
$('#menu-start-over').fadeIn(200, function () {
$('#menu-start-over').animate({backgroundPosition:"(0 0)"}, {duration: 100});
});
})
$('#menu-start-over')
.mouseout(function(){
$(this).animate({backgroundPosition:"(0 3px)"}, {duration: 100, complete:function(){
$(this).fadeOut(200);
}});
})
});
My html code:
-
<ul>
<li>
<a href=""><img src="g/0.gif" width="93" height="31" alt="Start" id="menu-start" /><img src="g/0.gif" width="93" height="31" alt="Start" id="menu-start-over" /></a>
<span><a href="">Start</a></span>
</li>
</ul>
My css:
-
#menu-start {
background: transparent url(g/menu-start.jpg) no-repeat 0 -31px;
position: absolute; top: 0; right: 384px;
}
#menu-start-over {
background: transparent url(g/menu-start.jpg) no-repeat 0 3px;
position: absolute; top: 0; right: 384px;
display: none;
}
My menu item image:
For all menu items code is the same. What's wrong here or is it some kind of bug?[/code]
tworzenie stron www