Two columns in form

Hi,
I did two columns in a form.
With the following code :
* Required fields

<div id=”two-column”>

<div id=”left”>

<p>* Company
[text* company]</p>

<p>* Contact Name
[text* contact-name] </p>

<p>* Title
[select* title include_blank “Owner” “Buyer” “Designer” “Manager” “Other”] </p>

<p>* Business/Trade Type
[select* business-type include_blank “Design – Residential” “Design- Commercial / Hospitality” “Retail” “E-Commerce” “Outdoor” “Other”] </p>

<p>* Email
[email* your-email] </p>

<p>* Phone
[tel* phone] </p>

<p>* Country
[text* Country] </p>

</div>

<div id=”right”>

<p>Website
[text website] </p>

<p> How did you hear about us ?
[select* how-hear include_blank “Sales Rep” “Trade Show” “Email” “Web Search” “Social Media” “Referral” “Other”] </p>

<p>* Do you have a resale certificate?
[select* certificate include_blank “Yes” “No” ]</p>

<p>Resale Certificate Number
[number certificatenumber]</p>

<p>How many rugs you purchase a year?
[number purchase ]</p>

<p>How soon do you intend to place an order?
[select* when include_blank “Immediately” “Within two month” “Other”]</p>

</div>

<p>Your Message</br>
[textarea your-message] </p>

[acceptance accept-this] I understand that by submitting the form, a username and password will be generated and emailed to your e-mail address.

<p>[submit “Send”]</p>

</div>

and this CSS :

/*two-column form*/
#two-column{
width: 700px;
}
#two-column #left{
width: 300px;
float: left;
}
#two-column #right{
width: 300px;
float: right;
}

The problem is that the field “Your Message”
jumped to the top of the form :

https://www.exquisiterugs.com/become-a-dealer/

Hoe can i fix it ?
Thanks

https://wordpress.org/plugins/contact-form-7/