jQuery animate margin top

У меня есть скрипт на jsfiddle: http://jsfiddle.net/kX7b6/

Ничего не происходит при наведении

При наведении я хочу, чтобы зеленая рамка перекрывала красную с отрицательным отступом -50px. Ничего не происходит.

Анимация работает, но не margin

Просто чтобы показать, что сама анимация работает, я добавил функцию непрозрачности к анимации. margin-top установлен на 0px inline, насколько я вижу.