Tekst rykket længere ned på siden

Hej alle sammen,

Jeg er igang med at programmerer en hjemmeside og det design som jeg prøver at lave ser ikke rigtigt ud til at ville gå som jeg ville have det skal.

Lige nu ser hjemmesiden sådan ud. http://puu.sh/1PJgL

Det som er mit problem er at teksten er blevet rykket så langt ned i den boks der og ville gerne have at det står i toppen.

Min css kode er sådan her

 section.signup{
   float: left;
   margin-left: 10px;
   margin-right: 10px;
   width: 620px;
   left: 160px;
   background: transparent url("../img/bg_signup.png") bottom left repeat-x;
   height: 326px;
   position: relative;
   top: -60px;
 }

Og min html kode er sådan her

 <section class="signup">
     <form action="libs/process_form.php" method="post" id="notification-email" accept-charset="utf-8">
       <label for="sender_email"><center>Testtestes</center><br>  1. teststst</label>
       <div class="notification_signup">
         <input type="text" name="sender_email" id="sender_email" placeholder="Enter your email address"  />
         <button type="submit" id="submit" title="Notify Me!">Notify Me!</button>
       </div>
     </form>
   </section>

Håber der er nogen som kan hjælpe mig med mit lille problem.

URL til siden med fejlen: http://ugenskonkurrence.dk/