jQuery Plugin for a Scalable Background Image on DIV
<p>I tried researching but couldn't come up with a good jQuery Plugin that will allow me to insert a background image onto a div while being scalable. For example,</p>

<p>Lets say I have a 4 different divs like so:</p>

<pre><code>&lt;div id="one"&gt;

&lt;/div&gt;

&lt;div id="two"&gt;

&lt;/div&gt;

&lt;div id="three"&gt;

&lt;/div&gt;

&lt;div id="four"&gt;

&lt;/div&gt;
</code></pre>

<p>Each #/id/div must have their own unique image and must resize or be scalable to the browser width and height. I want this to be compatible with IE7+. If Stack Overflow community can help that would be awesome.</p>

<p><strong>I know i can use background-resize:100% on the div but will only work on modern browsers.</strong></p>
