marginTop不会动画

Question

我正在尝试在jQuery中制作动画，而marginTop将不起作用：

$('#li1').on('mouseenter', function(){
    $('#li1').stop().animate({marginTop: '-=50px'});
});

如果我将marginTop更改为marginLeft，则可以正常使用。