Contact form sitting outside of article box and form alignment is wrong.

I've built a form on my contact page but it's not where it's supposed to be. Firstly, it's not inside the article box despite being inside the tags. The article CSS height is set to auto and in Dreamweaver's design view it sits inside it fine, but in the live and online view it's outside the box.

Secondly, the boxes are spaced too far apart and not correctly aligned with the field labels. How do I fix these issues?

A live version of the form can be found at abrasives.whowantsfun.com/contact.php

Thanks,
Liam.

both problems are caused by this css on your page:

div div {
	padding: 5px 2%;
	clear: left;
	float: left;
	width: 96%;
}

Thanks, that put it correctly in the box, but now it's sitting about 15px out of the right side of the box. I removed the clear and float and also added then but neither made any difference.

the form was created to have a width of 820px, which is larger than the article box.


the padding and width settings for the div div element:
padding: 5px 5%;
width: 90%;

are causing some of the problem, also the form css:
form.Cool_Default {
color: #B6B6B6;
font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
margin: 0;
padding: 0;
width: 820px;
}

is setting the form width.