New website, div FLOAT trouble

[liamloveslearning]

hi everyone, this is a really simple question but all the google tutorials ive followed wont even get it working so i thought id ask here, on a site im buildin (http://liamm.co.uk/index.php) i need to get my bottom div saying "drop a line" in line with my form only no matter what i try i cant, even the float wont do it, there both relative, heres my css; any ideas would be great thanks

 

@charset "utf-8";
.container {
background-color: #0f0f0f;
height: 1000px;
width: 1000px;
margin: auto;
}

.header_menu {
width:100%;
margin-bottom:50px;
clear: both;
display: block;
max-width:1507px;
min-width:920px;
height: 34px;
margin-right: auto;
margin-left: auto;
background-image: url(home_logo.gif);
background-repeat: no-repeat;
clip: rect(auto,auto,auto,auto);
position: relative;
top: 40px;
left: 40px;
}
.contact_form {
position: relative;
height: auto;
width: 340px;
margin-left: 40px;
}

.input, textarea {
background-color: #1d1d1d;
border: 0px none;
color:#656565;
margin-bottom:15px;
padding:5px;
font-size: 10px;
font-weight: normal;
line-height:20px;
position: relative;
width: 95%;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.send_buttom {
text-align:center;
width:80px;
height:20px;
text-transform:uppercase;
letter-spacing:1px;
cursor:default;
border: 2px solid #0f0f0f;
background-color: #E1E1E1;
color: #1D1D1D;
font-size: 12px;
}
.contact_img {
background-image: url(contact_img.gif);
background-repeat: no-repeat;
position: relative;
height: 203px;
width: 324px;
clip: rect(auto,auto,auto,auto);
clear: left;
}

[dropfaith]

i dont think i understand your goal here as it is now they seem inline

 

contact form on the left the drop a line on the right

[BoltZ]

What browser is this? Because it works for me on my browser of FF3.