Non-smooth div animation in Firefox
<p>Referring to <a href="http://jsfiddle.net/25EsV/" rel="nofollow">this fiddle</a>.  This animation is quite smooth on Chrome and IE (v9), however it is very choppy on Firefox.  The whole idea is to animate the border without moving the div itself (referring back to <a href="http://stackoverflow.com/questions/6313847/jquery-animate-border-without-moving-div">this</a> question).  Question is, any possible way to achieve the same animation but in a smoother fashion (like that in Chrome/IE) in Firefox?  </p>

<p>This is the case even if you animate just one side of the <code>div</code>, so it's not because we are trying to animate every side at once.  If we look at <a href="http://jsfiddle.net/c3Fw8/" rel="nofollow">this fiddle</a> in Firefox, it seems that the margins being animated is not too smooth, which seems to be the problem.  </p>

<p>Any workout is appreciated.</p>
