Altezza della pagina che non si adatta al contenuto...

[Jon Doe]

Ciao ragazzi, premetto che ne capisco poco in materia, per cui avrei bisogno di una mano... Sto cercando di personalizzare questo template http://html5up.net/astral . Il problema è questo: dopo che invio un messaggio (i campi sono lasciati vuoti) tramite il pulsante "Invia", il messaggio di errore (il riquadro rosa) generato da jquery/php praticamente mi scombussola tutto il form, tagliandomi la parte inferiore del form in questo modo:

dopo.jpg

mentre prima era così:

prima.jpg


Questo è il codice editato della pagina html:

        <!-- Wrapper-->
            <div id="wrapper">
                
                <!-- Nav -->
                    <nav id="nav">
                        <a href="#me" class="icon fa-home active"><span>Home</span></a>
                        <a href="#work" class="icon fa-folder"><span>Work</span></a>
                        <a href="#contact" class="icon fa-envelope"><span>Contact</span></a>
                        <a href="#" class="icon fa-twitter"><span>Twitter</span></a>
                    </nav>

                <!-- Main -->
                    <div id="main">
                        
                        <!-- Qui ho tagliato le altre pagine -->
                        
                        <!-- Contact -->
                            <article id="contact" class="panel">
                                <header>
                                    <h2>Contact Me</h2>
                                </header>
                                <form id="formail" action="#" method="post">
                                
                                    <div id="reply">
                                    <!-- Qui compare il messaggio di errore -->
                                    </div>
                                    
                                    <div>
                                        <div class="row">
                                            <div class="6u">
                                                <input id="name" type="text" name="name" placeholder="Nome" />
                                            </div>
                                            <div class="6u">
                                                <input id="email" type="email" name="email" placeholder="Email" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="12u">
                                                <input id="subject" type="text" name="subject" placeholder="Oggetto" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="12u">
                                                <textarea id="message" name="message" placeholder="Messaggio" rows="8" ></textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="12u">
                                                <input id="submit" type="submit" name="submit" value="Invia" />
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </article>

                    </div>

I css sono troppi da postare, ma sono contenuti nel template. Grazie.