JQuery div hover function not working in Firefox

Question

http://cambridgeuplighting.com/testimonials

This code works in Safari, IE7 and IE8, but not in FF 3.5.7. The code changes the background of the small background icon when you hover over a div.

jQuery(function( $ ){ $('.oneThird').hover(function(){ $(this).find('span.icon').css( {'background-position-y': '-60px'} ); }, function(){ $(this).find('span.icon').css( {'background-position-y': '0px'} ); }); }); 

Can anyone help? Many thanks.

Answer 1

background-position-y is not supported by firefox, as you can see here . use background-position: 0 -60px; instead background-position: 0 -60px; (thus including instructions for instructions x and y).