Success message appears outside/above of form div-breaks layout

Actually, here is the basic markup used for the contact form and the success message (version 20140925):

contact form:

<div id="simple-contact-form" class="scf">
	<form action="" method="post"></form>
</div>
<div style='clear:both'>?</div>

success message:

<div id="scf_success" class="scf">
	<p class='scf_success'></p>
	<pre></pre>
	<p class="scf_reset"></p>
</div>

As you can see, these are equivalent in terms of the parent container. But there is a difference, namely the clearing div, which you can add via the plugin settings. Check out “Custom content before results” and add the following:

<div style='clear:both'>?</div>