Lining up images in divs

[Ratscallions]

I'm trying to learn how to use divs and css for the first time and am seriously struggling. If you have a look at my page you'll find a plethora of problems, but please can we work on the images problem first.

Why won't the two images go side by side? I've coded them in the way I always would:

<a href="1a.jpg" target="_blank">
<img border="0" src="1b.jpg" width="121" height="160"></a>
<a href="2a.jpg" target="_blank">
<img border="0" src="2b.jpg" width="126" height="160"></a></p>

But they are displaying as one above the other. This is page to which I refer:
<snip>

It may be something to do with the css, but if it is I have no idea of what. This is the css:
<snip>

[edited by: limbo at 12:37 pm (utc) on Feb 25, 2010]
[edit reason] No URL's please, see TOS [webmasterworld.com] [/edit]

[Ratscallions]

Erm .. excuse me, I have no idea of how that happened, and would edit if I could see an edit button.

The css is here:
<snip>

The link I've put in the previous post by accident can be removed (sorry about that).

[edited by: limbo at 12:37 pm (utc) on Feb 25, 2010]