Product info layout

I'm struggling to get my product info page to look as i'd like, specifically like this mockup: http://www.a c i d f r e e.co.uk/p-info-layout.jpg.

It currently looks like this, www.a c d f r e e.co.uk/catalog/index.php?main_page=product_info&cPath=3&products_id=4, my main issue is creating the two columns - images in the left column and everything else running down the right column. I'm not sure if it's down to my lack of knowledge of div tags... or if there is some styling somewhere I can't locate that is stopping me from doing what I want? all i really want is a push in the right direction....

Thanks in advance :)

if you want two columns, you could make 2 divs. One with a float left, and the other with a float right

Thanks that's great, I think I'm a step closer! Although the second column is still underneath the first column as opposed to next to it. Am I right in thinking that they should be side by side by default? Any idea what code is causing it to sit underneath?

Thanks again.

They won't be side by side by default.

Set an explicit width on the div that's floated right (about 500px should do it) and that should get them side by side.

Wow that's great. I wish i knew what i was doing. Thanks a lot, Jesus will want you for a sunbeam.

great it worked for you. We all started at some time without knowing what we were doing.