OnMouseOver has a grey bottom line in IE9

[homph]

Hi,

I'm having a problem when running OnMouseOver in IE9. It works and displays fine in Firefox, but has a thin grey line on the bottom of image when displayed in IE9, however it still works ! Please see the link below:

http://www.justin-slater-photography.com

Here's a snippet of my code, if anyone could help me, that would be great, as I can't figure out what is causing it !

<SCRIPT language="javascript1.1">
<!--
if(document.images != null) {
image1=new Image()
image1.src="BarHome.gif"
image1a=new Image()
image1a.src="BarHomeHover.gif"
image2=new Image()
image2.src="BarGal.gif"
image2a=new Image()
image2a.src="BarGalHover.gif"
image3=new Image()
image3.src="BarSer.gif"
image3a=new Image()
image3a.src="BarSerHover.gif"
image4=new Image()
image4.src="BarCon.gif"
image4a=new Image()
image4a.src="BarConHover.gif"


<TABLE width="939" height="52" border="0" cellspacing="0" cellpadding="0" align="center">

<TR>
	<TD background ="BarName.gif" width="536" height="52">
		<P><a href="Welcome.html"
		<img src="BarName.gif" border="0" 					width="536" height="52"></a>	
		</P>
	</TD>
	
	<TD  width="73" height="52" valign="TOP">
		<P><a href="Intro.html"
		onmouseover="filter('a','image1a')"
		onmouseout="filter('a','image1')">
		<img name="a" src="BarHome.gif" border="0" 				width="73" height="52"></a>		
		</P>
	</TD>

	<TD  width="92" height="52" valign="TOP">
		<P><a href="Galleries.html"
		onmouseover="filter('b','image2a')"
		onmouseout="filter('b','image2')">
		<img name="b"src="BarGal.gif" border="0" 				width="92" height="52"></a>		
		</P>
	</TD>

	<TD  width="84" height="52" valign="TOP">
		<P><a href="Services.html"
		onmouseover="filter('c','image3a')"
		onmouseout="filter('c','image3')">
		<img name="c"src="BarSer.gif" border="0" 				width="84" height="52"></a>		
		</P>
	</TD>
	
	<TD  width="90" height="52" valign="TOP">
		<P><a href="Contact.html"
		onmouseover="filter('d','image4a')"
		onmouseout="filter('d','image4')">
		<img name="d"src="BarCon.gif" border="0" 				width="90" height="52"></a>	
		</P>
	</TD>

	<TD background ="BarBlue.gif" width="64" height="52" 	valign="TOP" >
	</TD>
</TR>
</TABLE>

[tempz]

Your menu should be -

<P><A onmouseover="filter('c','image3a')" onmouseout="filter('c','image3')" href="Services.html"><IMG border=0 name=c src="http://www.justin-slater-photography.com/BarSer.gif" width=84 height=52></A> </P></TD>
<TD height=52 vAlign=top width=90 background="BarName.gif">

Have fun!

[homph]

Genius,

Thanks a lot man All works now