Explorer y espacio que aparece bajo una imagen

[kazafun]

Bien el codigo es muy sencillo:

Código:

<div id=arriba>
   <img src="arriba.jpg">
</div>

<div id=abajo></div>

La intencion es que ambas capas queden perfectamente unidas sin fisuras. En Firefox no hay problema, pero en IE la imagen hace que aparezca una fina linea de separacion. ¿Es normal esto?

La capa de abajo es generica para varias paginas y por eso tiene una imagen fija incluida como Background de la capa.
La capa de arriba, la que me da problemas, muestra una imagen distinta para cada pagina pero que se fusiona perfectamente con la de abajo. De ahí que la imagen no la incluya como background.

(Como ultima opcion tengo la de incluir en la capa de arriba la imagen como background lo cual funciona pero no creo que sea lo mas optimo, pues deberia definir una capa distinta para cada pagina)

¿Como hago desaparecer esa molesta linea de separacion que me muestra IE?

[webosiris]

agregale margin:0 y padding:0

[kazafun]

Iniciado por webosiris

agregale margin:0 y padding:0

Ojala... pero no, el css que estoy usando es:

#arriba{
width: 770px;
height: 341px;
border: 0px; /*por probar, pero tampoco*/
}

#abajo{
background: url(images/cuerpo.jpg) repeat-y;
width: 770px;
}

#arriba img{
border: none; /*Nada tampoco van por ahi los tiros*/
}

[kazafun]

Lo he resuelto añadiendo esto a la capa de arriba, pero me parece una chapuza:

_margin-bottom:-2px;


Si se os ocurre algo mejor...

GRACIAS

[baccxus]

Usa lo siguiente al principio de tu CSS:

* {margin: 0px; border: 0px;}

Saludos,

PD: El problema radica en que cada explorador usa diferente medida predeterminada, con lo que posteé lo que haces es resetear los márg

[kazafun]

Gracias a ambos