Margin- eller paddingproblem

Jag har en DIV där jag har mitt inloggningsformulär i. Om man tittar precis under raden med textrutorna är det ett stort tomt utrymme. Det utrymmet skall vara lika stort som det utrymme som är ovan loginrutorna. Margin och paddig är satta till 0px för DIVen.

Vad kan problemet vara? Har försökt och försökt men inte kommit på vad problemet är. När jag testade och tog bort formuläret och enbart hade en kort text blev det lika mycket "luft" ovan som nedan. Konstigt...

http://www.flygfyren.nu/index.php

HTML-koden:

<div id="login">
	<form action="login.php" method="post">
	<font color="#80DFFF">Användarnamn:</font> <input type="text" name="username" class="texta" onfocus="this.style.backgroundColor='#FFFFCC';" onblur="this.style.backgroundColor='#ffffff';" />
	<font color="#80DFFF">Lösenord:</font> <input type="password" name="password" class="texta" onfocus="this.style.backgroundColor='#FFFFCC';" onblur="this.style.backgroundColor='#ffffff';" />
	<input type="submit" value="Logga in" class="buttons" />
	</form>
	</div>
	<?php
	}
	?>

CSS-koden:

#login
{
position: relative;
top: -4px;
width: 719px;
/*height: 15px;*/
margin: 0px;
border-top: #3AA4D9 groove 2px;
font-family: verdana, helvetica, impact, sans-serif;
font-size: 12px;
background-color: #1E79A6;
padding: 3px 0px 4px 21px;
}