Creating a hyperlink on an image ruins my whole layout!?

["Pete111" <webforumsuser@xxxxxxxxxxxxxx>]

Hi guys,

 I have been using Dreamweaver at High School for a while, but now am using it 
at university and it is version CS3.

 I am not expert at websites, and am used to creating a site in fireworks or 
photoshop (now), then slicing and importing into dreamweaver. I have done this 
with my latest site but I am having some wierd problems that I have never had 
before.

 Here is how my page looks without my image (enter button) inked to my main 
page (main.html)

 [IMG]http://i255.photobucket.com/albums/hh129/marceta/site_before.jpg[/IMG]

 Ok now when I link it (I have tried by dragging the crosshairs next ot the 
box, and the manual method of typing it in), this happens and the whole page 
looks screwed up.

 [IMG]http://i255.photobucket.com/albums/hh129/marceta/site_after.jpg[/IMG]

 This is really annoying as it happens in every page no matter what I link. How 
do I fix it? It is almost as if the a href tag increases the size of the image, 
or adds an invisible border that I can not get rid of. I am sure that anyone 
with half a brain on web-dev will easily be able to tell me the setting to fix 
this. I dont not want to resort to using image maps.

 Thanks a lot in advance,

 Peter Marceta