Firefox/IE no animar padding-left con jQuery (sólo capaz de obtener Chrome para animar)

Question

$("a").hover(function(){ 
    $(this).animate({ 
     'padding-left': '+=10px' 
    }, "normal"); 
}, function(){ 
    $(this).animate({ 
     'padding-left': '-=10px' 
    }, "normal"); 
}); 

tengo la pieza de código anterior, que normalmente animar el relleno de una "a" etiqueta en vuelo estacionario. Esto funciona bien en Chrome, pero no en Firefox ni IE. Al principio, pensé que podría ser debido a mi CSS o algo así, así que agregué CSS para agregar el relleno en el vuelo estacionario, y funcionó. Solo la animación jQuery no funciona. Así que no sé qué podría ser. ¿Algunas ideas? Gracias por adelantado.

Answer 1

Cambiando 'relleno-izquierda' a rellenoLeft funcionó, por alguna extraña razón. Pensé en ello después de ver backgroundColor en otra pieza de javascript.