problemas con div

[xhisna]

Estoy intentando colocar 3 div primero el lateral, en el lado izquierdo, seguido de cuerpo que es el centro, y por ultimo derecha que va en seguido de centro en el lado derecho pero todos empiezan a la misma altura, el caso es que cuando meto el lado derecho, el cuerpo se despliega abajo de los otros dos, he probado de todo y nada, os pongo el codigo haber si me podeis echar un cable:

Código:

#cabecera{
	margin:0%;
	height:10%;
	width:100%;
	margin-bottom:4%;
}
#cargador {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   padding:5px;
   background-color: white; 
}
.esconder {display:none;}

#lateral
{	
	float:left;
	padding:0%;
	padding-left:4%;
	width:16%;
	height:70%;
	font-size:small;
	list-style:none;
	
}
#lateral a{
	text-decoration:none;
	color: #FA7703;
	font-family:ITC Garamond;
	font-size: 19px;
}
ul{
margin:0%; 
list-style-type: none;
}
#lateral li{
	list-style:none;
}
#cuerpo
{
	margin:0%;
	width:70%;
	BACKGROUND:white;
 	VISIBILITY: visible;
}
#detalles{
	width:668px;
	height:200px;
	margin-left:4%;
}
#detalles p{
	font-size:small;
	color:white;
	font-family:"Comic Sans MS";
	text-align:center;
	font-size:16px;
	margin:1%;
	
}
#foto{
	width:500px;
	height:400px;
	float:left;
	margin-left:20%;
	margin-top:5%;
}
#derecha
{
	width:10%;
	min-height:400px;
	background: url(imagenes/fondo4.jpg) repeat-y;
	
	

}

Gracias

[xhisna]

Por cierto el problema lo tengo para IE7 para mozilla ya tengo la hoja de estilo perfecta

[talmente]

Tendrías que poner el HTML, lo que preguntas y tu hoja de estilos confunden

¿Dónde intervienen el div fotos, detalles y cargador?