Hi,

I have written the following jquery sitting in the head tags of my HTML

It is supposed to bring the image that is being hovered over to full opacity and slide another image over it from the right, then return when un-hovered.

<script type="text/javascript">

$(function() { $('ul#img-nav li').css({ "opacity": .5 });

$('ul#img-nav li').hover(function() { $(this).stop(true).animate({"opacity":1}); $(this).children('.overlay').stop(true).animate({"left" : "18px" });

}, function() { $(this).stop(true).animate({"opacity":.5}); $(this).children('.overlay').stop(true).animate({"left" : "180px" });

}); });

This works fine in Safari, Chrome, IE (7,8) but not in FF 3.6.

Any suggestions why this might be?

Many thanks