Firefox/IE nicht Padding-links mit jQuery animieren (nur in der Lage zu animieren Chrome zu animieren)

Question

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

Ich habe das obige Stück Code, der normalerweise die Auffüllung eines "A" -Tags auf Hover animieren würde. Dies funktioniert in Chrome, aber nicht in Firefox oder IE. Zuerst dachte ich, es könnte wegen meiner CSS oder so etwas sein, also habe ich CSS hinzugefügt, um das Padding bei Hover hinzuzufügen, und es hat funktioniert. Es ist nur die jQuery-Animation, die nicht funktioniert. So bin ich ratlos, was es sein könnte. Irgendwelche Ideen? Danke im Voraus.

Answer 1

Das Ändern von 'padding-left' zu paddingLeft hat aus irgendeinem seltsamen Grund funktioniert. Ich dachte darüber nach, Hintergrundfarbe in einem anderen Stück Javascript zu sehen.