jquery image zoom
<p>Hello i am using a script to enlarge an image on hover, however it enlarges from the top-left and i need it to hover from the centre and i cannot figure out how to add the css into the jquery to add negative margin so it goes the way i want it to, here is the script.</p>

<pre><code>$('#sun').width();
$('#sun').mouseover(function(){
    $(this).css("cursor","pointer");
    $(this).animate({width: "7%"}, 'slow');
});
$('#sun').mouseout(function(){
    $(this).animate({width: "6%"}, 'slow');
});
</code></pre>

<p>i just want "margin w x y z" in the css but cant get it :/ any one able to help? Thank you :)</p>
