Jquery animation hover
<p>In my website i have an image that when hover it goes up using this.</p>

<p>HTML</p>

<pre><code>&lt;div class="first"&gt;
&lt;a href="#dialogdemo" name="modal"&gt;&lt;img src="images/1sticon.png" alt=" " border="0"/&gt;&lt;/a&gt;
    &lt;div class="support"&gt;
    &lt;img src="images/orpan.png" alt=" " /&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Jquery</p>

<pre><code> $('.first img').hover(
   function(){
    $(this).stop().animate({marginTop:'-25px',}, 300);  
   },
   function(){
    $(this).stop().animate({marginTop:'0px',}, 300);
   }
);
</code></pre>

<p>but i have another image at the back of it that when hover i want the image above it to stay on its place and when mouseout it the 1st image above will go down to cover the image under it (back image). </p>
