Ok, so I'm working on a new layout for my boyfriend's band's layout. You can find the test page HERE (http://catalysttocollision.com/test.html). I'm having two problems right now.

1. I don't want the navigation images (the guns) to be so far below the main picture... how do I fix that?

2. I don't want there to be any spaces between the navigation images, either. I want them to be right next to each other... how do I fix that?

THANKS!!

to get rid of the spaces between the navigation images, don't space the codes out in your code, for example
<a href="http://catalysttocollision.com" onmouseover="over_image('img0');" onmouseout="off_image('img0')"> <img src="http://catalysttocollision.com/imgs/news01.jpg" border="0" alt="News" name="img0"></a><a href="http://catalysttocollision.com/index.php?bio" onmouseover="over_image('img1');" onmouseout="off_image('img1')"> <img src="http://catalysttocollision.com/imgs/bio01.jpg" border="0" alt="Bio" name="img1"></a><a href="http://catalysttocollision.com/index.php?shows" onmouseover="over_image('img2');" onmouseout="off_image('img2')"> <img src="http://catalysttocollision.com/imgs/shows01.jpg" border="0" alt="Shows" name="img2"></a>

for the space between navigation and header try adding the id directly into the image tag, instead of placing it into a div? You may have to alter your stylesheet a bit though
<img src="http://catalysttocollision.com/imgs/newtop1.gif" id="picture">

hmmm.. getting rid of the space between the code didn't do anything except put a weird little black line between each picture when I hovered over it.