fading from div to image in jquery
<p>I have a <code>&lt;div&gt;</code> setup as such:</p>

<p></p>

<pre><code>#menu_one
{
    height:50px;
    width:150px;
    background-color:#666666;
}
&lt;/style&gt;

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

<p>What I want to do is have this <code>&lt;div&gt;</code> fade into a image that will be of the same size on mouse over then fade out when the mouse exits.</p>

<p>Would it be better to have a background image of the grey and then fade between the two images?</p>

<p>How would I accomplish this?</p>
