title: How to show a zoom button over an image when mouse hovers over the image
body: <p>I want to know how to show a zoom button over an image in html when mouse hovers over it.
   till now i have tried this </p>
  
  <pre><code>&lt;a href="news_image/&lt;?php echo $getrs['image']; ?&gt;"&gt;&lt;img src="images/zoom.jpg" width="40" height="40" border="0" style="background:URL(http://news_image/&lt;?php echo $getrs['image']; ?&gt;) ;" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>But here the main problem is that how to set size of the background image and how to show the zoom.jpg when only mouse hovers it otherwise not. Also how to place the zoom.jpg in the lower right hand side of the background image when mouse hovers the background image.</p>
  
  <p>I had asked this question before but i was not specific at that time but now i had tried to be specific.</p>
  
  <p>Please help me in this matter.</p>
  
  <p>Thanks
  Somdeb</p>