title: jQuery animate margin top
body: <p>I have a script on jsfiddle: <a href="http://jsfiddle.net/kX7b6/">http://jsfiddle.net/kX7b6/</a></p>
  
  <p><strong>Nothing happens on hover</strong></p>
  
  <p>On hover I want the green box to overlap the red box with a negative margin -50px. Nothing happens.</p>
  
  <p><strong>The animation works, but not margin</strong></p>
  
  <p>Just to show that the animation itself is working i added a opacity function to the animation. margin-top is set to 0px inline as far as I can see.</p>