.animate() does not work correctly for percentages

[egonzalez0787]

If I have this:

<div id="outer">
  <div id="inner">
  </div>
</div>

With this css:

div#outer {
  height: 200px;
  width: 120px;
}
div#inner {
  height: 0;
  width: 100%;
}

And try to do this:

$('div#inner').animate({height: '100%'});

When the animation is finished, what I get is a '100px' height instead of the '100%' expected. This works fine in version 1.6.4 and 1.6.3.

My workaround for 1.7 was something like this:

$('div#inner').animate({height: $('div#outer').height() + 'px'});

[Timmy Willison]

Duplicate of #10669.