Hey all,
I was just doing a layout earlier and when I went to place the images in the code it turned out fine until I started adding the rollover links, when it seems that it's adding a 1-2px buffer on the top and bottom of the images. This is only when I'm using javascript like below.

HTML Code:
[color=#ffffff]<a href="contact.php">
	 <img src="images/frlayout_02.jpg" name="cont" border=0 
	 onMouseOver="document.cont.src='images/frlayout_02on.jpg'"
	 onMouseOut="document.cont.src='images/frlayout_02.jpg'" alt="Contact Us"></a>[/color]
is what it looks like (notice the right half of the main banner is shifted down because of this). Any ideas would be greatly appreciated

-Graham