Widgets Moved to Bottom of Page

I’m sure this is a simple fix and I just don’t know CSS well enough to do it quickly so any help would be appreciated.

I added a second email opt-in box to the bottom of every post. As soon as I did this it moved my sidebar widgets to the bottom of the page. If I remove the opt-in box from the bottom of the posts they will return to their normal place. Here is my code for the opt-in box after posts.

<!– Begin MailChimp Signup Form –>
<div id=”Roptin”>
<center><h4>If you enjoyed this article, Get My FREE Attraction Newsletter</h4>
<table width=”375″ border=”1″>
<tr>
<form action=”https://socialseduction.us2.list-manage.com/subscribe/post?u=2950be7522f249a675d978ecc&id=20ccc8ff08&#8243; method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<td>

<input type=”email” SIZE=”30″ value=”Enter your email” name=”EMAIL” class=”email” id=”mce-EMAIL” onfocus=”if(this.value==this.defaultValue)this.value=”;” onblur=”if(this.value==”)this.value=this.defaultValue;”>

</td>
<div id=”mce-responses” class=”clear”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div>
<td>

<div class=”clear”>
<input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”>
</div>
</form>
</td>
</tr>
</table>
<!–End mc_embed_signup–>

What do I need to change in my CSS to get them back to their natural position?

Here is a sample post

https://www.socialseduction.com/portfolio_1/status-and-on-being-a-cool-guy/

Thanks in adnvance