Help needed with css position and display

[tHeDukE]

Website : http://www.tacticaltournaments.com/help-2.html

I am having problems with my 3 images aligning up correctly. The image names are :
http://www.tacticaltournaments.com/images/indexx_22.png , http://www.tacticaltournaments.com/images/indexx_23.png ,
http://www.tacticaltournaments.com/images/indexx_24.png

This is what it should look like all together in that corner. http://www.tacticaltournaments.com/images/tthelp.png

I want to align them images in the left hand corner where that white blank is. When I tried to do is: (Its highlighted in red) <div id="head">
<img src="images/indexx_13.png" /><img src="images/indexx_14.png" />
</div>

<div id="head">
<img src="images/indexx_15.png" /><img src="images/indexx_22.png" /><img src="images/indexx_23.png" /><img src="images/indexx_24.png" />
</div>

<div id="head">
<img src="images/indexx_17.png" width="609" />
</div> When I did that my whole page got out of align and out of whack. Any ideas/help would be appreciated !

[Arbitrator]

If you're trying to piece the images together tightly, like a puzzle, so to speak, then you might need to set the CSS display property to "block" for all of the involved images. This will kill any white space produced from them being set to their default "inline". (Text is inline, and white space is evidenced in that area beneath it where the letters, g, j, p, and y fall below the rest of the text, for example; if this is actually the problem, you should be able to see space around the image by making the div borders visible.)

[tHeDukE]

Thanks -

[tHeDukE]

hahah finally finished !!! I have learned alot from you guys, thanks :) http://www.tacticaltournaments.com/indexx.html

Still needs content but now at least everything is working correctly :)