Recently, I've come across an issue with my contact form 7 plugin, which has been integrated into the front-page.php file using the code below:
<div id="contact" class="pad-section">
<div class="container">
<h1>Contact Us</h1>
<?php echo do_shortcode('[contact-form-7 id="180" title="Request A Quote"]'); ?>
</div><!-- container -->
</div><!-- contact -->
The problem lies in the excessive whitespace appearing below the submit button. Upon closer inspection of the code, it seems that the cause is related to
<img class="ajax-loader" src="http://foxpile.net/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden;">
I'm puzzled by this unforeseen behavior and have attempted to troubleshoot by deactivating other plugins, but to no avail. Interestingly, when I tested the form on a separate page, it worked flawlessly (you can click the Start Your Project link at the top to see for yourself).
Contact Code from Stylesheet
/* Contact */
#contact { }
#contact .container {
font-size: 12px;
}