Help with CSS positioning

[Peterl54]

Hi there everybody. I am currently struggling to place a image and a pa pal form into one area of my website. It seems i can place the image where i want it but when i place the form it alters the image location?. It seems that they are both linked somehow?

Here is the CSS section.

div.salesection
/* I made changes to margin and positioning here.*/
{
position: relative;
top: -1218px;
right: -150px;
margin-right: 0px;
margin-left: 500px;
Width: 600px;
heigth: 1000px;
}

/* I added this section here.*/

a.paymentsection

{
position: relative;
top: 0px;
left: -180px;
}

/* I added this section here.*/

div.saleform
{
position: relative;
top: -195px;
left: 185px;
}

/* I added this section here.*/

div.button
{
position: relative;
top: 15px;
left: 0px;
}

div.main

{
position: absolute;
top: 0;
left: 50;
margin-left: 10px;
width: 853px;
height: 1521px;
margin-top:130px;
} 

/* I made changes to margin and positioning here.*/

div.paypal

{
position: absolute;
top: 10;
left: 230px;
margin-left: 0px;
width: 210px;
height: 100px;
margin-top:1140px;
z-index:7;
} 

div.paypal1

{
position: absolute;
top: 0;
left: 50;
margin-left: 330px;
width: 255px;
height: 100px;
margin-top:1140px;
z-index:7;
} 

div.paypal2

{
position: absolute;
top: 0;
left: 50;
margin-left: 600px;
width: 177px;
height: 100px;
margin-top:1140px;
z-index:7;
}

I am trying to get the image and the Papal side by side in the 'Checkout Section'.

Here is the website

http://www.archives-music.com

Does anybody have any ideas where i am going wrong?

Cheers

Peter.