How to FIX this Simple Contact Form

Need a little extra help trying to figure out why this simple contact form keeps on bleeding instead of staying static inside the widget area.

the contact form can be seen at http://buycoloradoinsurance.com/wpcoloradoinsurance/insurance-quotes/

and here’s the code that I have.

<style>
td, tr { color: #ffffff; border-width: 0px; padding: 1px; }
.title { text-align: left; color: #ffffff; font-size: 1.2em; font-weight: bold; }
.table { width:240px; height: 240px; padding: -12px; }
input, select { font-size: 0.9em; margin: 0px; padding: 5px; }
.wpcf7-not-valid-tip { margin-left: 25px; }
.right { text-align: right; width: 61px; }
.wpcf7-validation-errors { width: 220px; }
.wpcf7-response-output { text-align: center; }
.wpcf7-mail-sent-ok { width: 220px; }
</style>

<table bgcolor=”#9396b7″ class=”table”>
<tr>
<td class=”title” colspan=”2″>New Client Quick Quote</td>
</tr>

<tr>
<td class=”right”>Name:</td>
<td>[text* your-name]</td>
</tr>

<tr>
<td class=”right”>Email:</td>
<td>[email* your-email] </td>
</tr>

<tr>
<td class=”right”>Phone:</td>
<td>[text* your-phone] </td>
</tr>

<tr>
<td class=”right”>Zip:</td>
<td>[text* zip-code] </td>
</tr>

<tr>
<td class=”right”>Interest:</td>
<td>[select* your-interest “Auto” “Home” “Umbrella” “Toys”]</td>
</tr>

<tr>
<td colspan=”2″ class=”submit-wrap” style=”text-align:center;”>[submit “Get Quote”]</td>
</tr>

</td>
</table>

I need help trying to make that fit into the widget area..

thanks.