Problema en capas (se ve bien en Firefox y mal en IE)

[indie81]

Hola;

tengo el típico problema de que la web se ve mal en IE y bien en Firefox.

El css no tiene mucha complicación, así que no se qué problema puede haber. La cosa es que un div se ve bien en Firefox, pero en IE está como tapado, por debajo. Os pongo imágenes de ambos casos, a ver si os ha pasado algo así y sabéis a qué se debe:

Esto es en Firefox:


Y así sale en Explorer:


Por si acaso queréis ver el css de esa parte de la web, que es la cabecera, aquí va. Por los nombres de las clases ya imaginaréis a qué cosa corresponde cada una:

Código HTML:

.header {
	background-image: url(../imagenes/fondo_header.jpg);
	height: 85px;
}

.nav {
	float: left;
}

.nav .nav_pral {
	width: 400px;
	height: 25px;	
	margin-left: 185px;
	margin-top: -25px;
	background-image: url(../imagenes/fondo_nav_pral.jpg);
	background-repeat:no-repeat;
}

.nav .nav_pral a{
	margin-top: 5px;
	margin-left: 4px;
	padding: 0px 20px 0px 0px;	
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
}

.destacados {
	float: left;
}

.destacados .buscador {
	margin-top: 10px;
	margin-left: -223px;
	padding: 6px;
	width: 223px;
	height: 23px;
	background-image: url(../imagenes/fondo_buscador.jpg);
	background-repeat: no-repeat;
}

.destacados .buscador .inputbox{
	background: #B1CCE2; 
	border: #B1CCE2;
}