.css does not update in firefox? works in chrome and safari

.css does not update in firefox? works in chrome and safari

Here is a small demo of a iphone like checkbox I want to use in some forms.

the problem is the .css({'background-position-y':'0px'}) or .css('background-position-y', '0px'); won't work in firefox?

  2. <html>
  3.     <head>
  4.         <style type="text/css">
  5.             ul.check-box li{
  6.                 list-style:none inside none;
  7.                 v-align: center;
  8.             }
  9.             li.on-off{
  10.                 background: url("http://static.blacknight.ie/gibo/images/checkbox_on_off.png") no-repeat scroll 0 -1.7em transparent;
  11.                 padding-bottom: 1.7em;
  12.                 padding-left:7em;
  13.                 width:0em;
  14.             }
  15.             input.icheckbox { display:none; }
  16.         </style>
  17.         <script type="text/javascript" src="http://static.blacknight.ie/gibo/js/jquery.min.js"></script>
  18.         <script type="text/javascript">
  19.             $(document).ready(function (){
  20.                 $('li.icheckbox').click(function(){
  21.                     
  22.                     if( $(this).hasClass('on') ) {
  23.                         $(this).css('background-position-y', '0px');
  24.                         $(this).removeClass('on');
  25.                         $(this).children('input[type="checkbox"]').attr('checked', '');
  26.                     } else {
  27.                         $(this).css('background-position-y', '-27px');
  28.                         $(this).addClass('on');
  29.                         $(this).children('input[type="checkbox"]').attr('checked', 'checked');
  30.                     }
  31.                 });
  32.             });
  33.         </script>
  34.     </head>
  35.     <body>
  36.         <ul class="check-box">
  37.             <li id="id_use-maps" class="icheckbox on-off on"><input type="checkbox" class="icheckbox" name="use_maps" checked="checked"/></li>
  38.         </ul>
  39.     </body>
  40. </html>
here is an all in one html file.

Can anyone spot what I might be doing wrong here?

Niall