Una linea de mas en capa

[ZiTAL]

Hola a todos, he hecho una paginita de login, tiene 3 partes

capa entera, cabecera y cuerpo, en IE: entre la cabecera y el cuerpo, y lel cuerpo y el final de la capa entera me aparecen 2 huecos en donde se ve la imagen del fondo.

en Firefox y Opera: lo mismo que IE pero solo el segundo.

Aqui el codigo:

Código HTML:

<div class="login">
	<div class="login_top">login</div>
	<div class="login_body">
     <form name="formu" action="check.php" method="post" onSubmit="return Balide(this,'izena','4','password','4')">
     <table>
     <tr><td>Erabiltzailea: </td><td><input type="text" name="izena" size="16" maxlength="16" /></td></tr>
     <tr><td>Password: </td><td><input type="password" name="password" size="16" maxlength="16" /></td></tr>
     <tr><td colspan="2"><input type="submit" name="Sartu" value="Konekta" /><br />
      *Baimendutako karaktereak: a-z, zenbakiak eta _</td></tr>
      </table>
	  </form>
	  </div></div> 

y aqui el CSS:

Código:

.login
 {
	border-style: outset;
	width: 250px;
 }
.login_top
 {
	color: #ffffff;
	background-color: #004080;
 }
.login_body
 {
	color: #000000;
	background-color: #ffffff;
	border-color: #000000;
 }

No entiendo a que se debe, alguien me podria echar una mano?

Muchas gracias, eskerrik asko ;)