title: jQuery Animate Padding to Zero
body: <p>I have the following snippet that toggles padding when hovering (see example <a href="http://f.cl.ly/items/cfcdda6a1c0a1e0c5834/animation.html" rel="noreferrer">here</a>):</p>
  
  <pre><code>&lt;div id="outer"&gt;&lt;div id="inner"&gt;&lt;/div&gt;&lt;/div&gt; 
  &lt;script&gt; 
    $("#inner").mouseenter(function () {
      $("#outer").animate({ 'padding' : '20px' }, "slow");
    });
    $("#inner").mouseleave(function () {
      $("#outer").animate({ 'padding' : '0px' }, "slow");
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>The goal is to have the padding animate both in and out, however currently no animation appears for animating out. I did some tests, and if I change the leave padding to 10 pixels (from 0 pixels) it runs an animation, but starts at zero and animates outwards. I'm running jQuery 1.4.3. Any way to fix this?</p>