IE ads a liitle space under image button, how can i remove it ?

[Fere]

Hello guys,

I have a little problem with one modification that  I've created for the gallery.
I had built a little button animated by a javascript. It looks just fine in all browsers (firefox, google, chrome), except IE (6 mine, but I belive that all versions have this problem) in wich a little space of ~ 4px appears underneath the image. This forces the table to be higher then 200px and causes a lot of trouble.

Here's the script from between head tags:

Code: [Select]


    <script language="Javascript" type="text/javascript">
      <!--
     
      function button_toggle(button, bsrc)
      {
        button.src = bsrc;
      }
     
      //-->
    </script>


and here's the code from body:

Code: [Select]


<table  width="477" border="0" cellspacing="0" cellpadding="0">
 <tr height="200">
  <td width="95" >

      <a href="http://www.example.com">
      <img src="./images/b1a.gif" border="0" style="width: 95px; height: 200px;"
           onmouseover="button_toggle(this, './images/b1b.gif');"
           onmouseout="button_toggle(this, './images/b1a.gif');"/></a>

  </td>
 </tr>
</table>


Basicly I need an alteration for this code because I fear a complete replacement would harm other things in my layout.
Hope someone can help me.
THanks!