formulario en un div

[juanpro]

Un saludos a toda la gente que participa en este foro.

Mi consulta es la siguiente tengo un div con un fondo de imagen cuando inserto un pequeno formulario con un texto en IE la altura se rompe y por lo tanto el fondo se repite y ve feo pero en Firefox todo bien mirenla http://www.ebrooksdesigns.com/

Aqui dejo el codigo css:

#box_abajo{
width: 784px;
height: 55px;
background:url(../images/fondo_abajo.gif);
padding-top: 10px;
padding-left: 30px;
}

HTML

<div id="box_abajo">
<span class="text-form">Enter your email address to receive<br />
our free e-newsletter!</span>
<form action="" method="post">
<input name="email" type="text" id="email" size="25" />
<input name="" type="submit" value="Submit" />
</form>
</div>

Gracias de antemani por su ayuda prestada
Saludos Juanpro

[JavierB]

Hola juanpro

Prueba añadiendo esto a tu Css:

Código:

#box_abajo form {margin:0}

Saludos,

[juanpro]

Gracias javier por tu ayuda, sabes mejoro bastante pero creo aun no se ve como en Firefox, sinceramente gracias.

http://www.ebrooksdesigns.com/

Faltara algo?

[kalvinman]

Siempre tube este problema con IE y no es solo en los Divs, siempre que se agrega un formulario el navegador muestra un espacio demas como si existiece un <br>, mi solucion es siempre en las hojasde estilo CSS colocar FORM {margin:0} y listo. xD