How to stop linked images moving on hover or click

[rollinsondr]

I am using images as part of hyperlinks, and when I hover or click on the link the image seems to add a couple of pixels at the bottom - the image moves up and down on the page when I hover or click on it.
How can I stop this happening ?
Example :
http://www.drshirley.org/rel402/final.html
with CSS at http://www.drshirley.org/rel402/style.css
and
http://www.drshirley.org/rel495/index.html
with CSS at http://www.drshirley.org/rel495/style.css

[India777]

Hai friend,
I think you having Problem with IE Browser only.

In Your Html Page(http://www.drshirley.org/rel402/final.html) ,Please Add Display Property for <a> and <img> tag

For Example:(In Your Code)

<td>
<a href="/pics/rel402/01a.jpg" style="display:inline-block;" >
<img style="display:inline;" src="/pics/rel402/01a.jpg" width="100" height="100" border="1" alt="" /></a>
<br />A
</td>
 

Add Display as "inline-block" for <a> tag then "inline" for
<img> tag


Thanks,
SR