Alinear capas

[Operadormail]

HOla

Estoy con mi primer trabajo completamente en CSS... Allá voy¡¡¡¡¡¡

Tengo el primer problema:

EStoy haciendo la cabecera de la web y tengo 1 imagen cortada en dos y cada una en 1 capa (una encima de otra). En Firefox y Opera 7 perfecto... pero en IE... me sale un corte entre las dos.

Podeis verlo en www.envertical.com/climbingzone/plantilla.php

Este es el código:

Código:

<div id="centrado">
	<!--capa de cabecera-->
	<div id="cabecera"><img src="images/e/top.jpg" alt="Climbing Zone" width="800" height="180" border="0" usemap="#Map">
		<map name="Map"><area shape="rect" coords="380,41,752,144" href="index.php" alt="Home ClimbingZone">
		</map>
	</div>
	<!-- fin de capa de cabecera-->
	<!-- capa cabecera2-->
	<div id="cabecera2"><img src="images/e/top2.jpg" width="514" height="80" alt="Camsietas Climbing Zone" border="0"></div>
	<!--fin de cabecera 2-->
	<!-- capa cabecera3-->
	<div id="cabecera3">
	  hola3
    </div>
</div>

Y el CSS

#centrado{
width: 800px;
background-color : #ffffff;
}

#cabecera{
height : 180px;
width: 800px;
}

#cabecera2{
height : 80px;
width: 514px;
float:left;
}

#cabecera3{
height : 80px;
width: 286px;
float:right
}


NO consigo solucionarlo... ayuda please para NO VOLVER A LAS TABLAS

Gracias