background-position

In an attempt to upgrade the jQuery plugin 'iCheckbox' (http://stackoverflow.com/questions/6032538/) to work above jQuery 1.4.4 I found out that the use of animate({backgroundPosition:'10px 0px'}) needed to be changed to animate({backgroundPositionX: '10px', backgroundPositionY: '0px'}) as only properties with one parameter should be used. So far, this makes sense, but wait.. while it's working fine in Safari and Chrome, it's not working in FF4 (all on Mac).. So i tried this and that and finally found out that if I change it to animate({backgroundPosition: '10px'}) It works everywhere! But

I got this background image slider thing working in chrome and safari, but it doesnt do anything in firefox. any help? $(function(){ var image= ".main-content"; var button_left= "#button_left"; var button_right= "#button_right"; var animation= "easeOutQuint"; var time= 800; var jump= 800; var action= 0; $(button_left).click(function(){ right(); }); $(button_right).click(function(){ left(); }); $(document).keydown(function(event){ if(event.keyCode == '37'){ right(); } }); $(document).keydown(function(event){ if(event.keyCode == '39'){ left(); } }); function left(){ if(action == 0){ action= 1; $

I can't seem to get this working. $('#product_family_options_dd').animate({ height: '300px', width: '900px', backgroundPosition: '-20px 0px', }, The height and width animate but not the background. You don't need to use the background animate plugin if you just use separate values like this: $('.pop').animate({ 'background-position-x': '10%', 'background-position-y': '20%' }, 10000, 'linear'); I guess it might be because it is expecting a single value? taken from the animate page on jQuery : Animation Properties and Values All animated properties should be animated to a single numeric value,

I'm worried about background-position-x and background-position-y . Gecko (Firefox) and Presto (Opera) don't support them, but Webkit (Chrome, Safari) does... Does anyone know (with official references) if this is (or will be) included in the standard? Razor background-position-x and background-position-y are now part of the level 4 of Backgrounds and Borders standard . RESOLVED: background-position-x/-y, background-repeat-x/-y approved for level 4 of backgrounds and borders. Splitting background-position into -x and -y was proposed for CSS 3 but it got rejected as the working group