[jQuery] animate() with em fontsize units

[jQuery] animate() with em fontsize units


Hello,
I have a chunk of code that animates fontsize changes with the units
set to em. The animation is a bit wacky. Am I doing something wrong or
have I found a bug?
<style>
#test {
font-size:1.2em;
}
</style>
<div id="test" href="http://www.google.com">Test</div>
<script type="text/javascript">
$('#test').mouseover(function() {
$('#test').animate({fontSize:'1.8em'},200);
});
$('#test').mouseout(function() {
$('#test').animate({fontSize:'1.2em'},200);
});
</script>