ok ok ok, you've got quite a problem on your hands...
You using dreamweaver to code your links into the html template?
What i mean is that see how all the graphics have been pushed down? Well this is happening because your putting text / hyperlinks infront of the graphics on the page and its simply moving the grapics down so the text can go in that position (like someone pushing infront of you in a line, you dont merge into that person the line will be forced back or forward correct?)
Now to fix this is a hassel.. Do you have photoshop? For instance, i made my own site in photoshop and work through these little problems as i develop it:
http://confused.exofire.net/
You see the link with the graphics "Forum or Files"
They used to be pushed down, distrubing all the other graphics causing a big mess :S (like what yours is doing) now to fix this I opened the code in dreamweaver... (example "files")
<A HREF="
http://confused.exofire.net/Files.html"> <img src="images/Files.gif" width="86" height="32" alt="Files"
BORDER="0">
BORDER="0" takes away the border on the Hyper link - so it wont push all the graphics around the place. Now Im not sure about the rest of your site, because I design everything in photoshop (text etc) so everythign is a "picture" and if i need a link I use the above code.
BTW: In dreamweaver interface the site will look dodgy but when you hit F12 and save it comes out fine

just so u dont get all confused!
Thats why id suggest you to design and make your site all in photoshop, it looks better and its fun

.
Upto you though, i hope that helped..
Regards
PS: If you are going to do you site in photoshop thats a whole new story! you gota know how to slice and save for web and import it into dreamweaver etc etc etc...