Resize background-image using jQuery Transit
<p>I have <strong>DIV</strong> with <strong>CSS</strong> property:</p>

<pre><code>.box {
    background-image: url(images/img.jpg);
}
</code></pre>

<p>I have choosed <a href="http://ricostacruz.com/jquery.transit/" rel="nofollow">this</a> library for transition effects. And I want to use <em>scale</em> effect on some pages. Typical syntax to scale elements is something like this:</p>

<pre><code>$('.box').mouseover(function() {
    $(this).transition({ scale: 2.2 });
});
</code></pre>

<p>Code above works without any error, but it scales whole DIV with all elements in it.</p>

<p><strong>How to scale only background image???</strong></p>