jquery - ホバー背景画像を展開

Question

別の画像を重ねた画像があり、ホバーすると後ろの画像を拡大したいのですが。後ろの画像（背景の画像）を均等に拡大できないのです。それは右と上に成長します。

$(".wooll").hover(function() {
    $(this).animate({
        'height': $(this).height() * 1.8,
        'width' : $(this).width() * 1.8
    });
},function() {
   $(this).animate({
        'height': $(this).height() / 1.8,
        'width' : $(this).width() / 1.8
    });
});

親divの中央に配置して、均等に拡張するにはどうすればよいですか？

<div id="woolley-expand">

<img class="wooll" style="text-align: center; position: absolute; bottom: 0px;" src="/images/component-bottle-big.png" width="60" height="117" />
<img src="/images/free-spray-text.png" style="position: absolute; bottom: 0; left: 0;"/>
</div>

#woolley-expand {
position: relative;
width: 200px;
height: 300px;
}