alignment is being changed by link coding

So I have a page that I created in Adobe Photoshop, all of my images are lined up perfectly. I put in the Javascript for rollover images to create my links, but when I put the link information in to the section of the table it is messing with my alignment

here is the section

<td colspan=”6″>
<img src=”images/tssaa-violations_04.gif” width=”173″ height=”27″ alt=”” name=”pic2″></td>

then I add

<td colspan=”6″>
<A onmouseover=”lightup(‘pic2’)”
onmouseout=”turnoff(‘pic2’)” href=”http://blog.coachchrisfryer.com”><img src=”images/tssaa-violations_04.gif” width=”173″ height=”27″ alt=”” name=”pic2″></A></td>

and then my alignment goes all out of wack

Also in #JavaScript _↴