Problema con divs en explorer 7

Que tal? Estoy maquetando un site y en el firefox se ve perfecto, pero en explorer 7 y en el preview del dreamweaber CS5 se ve todo muy desplazado. Les dejo el link para que puedan visualizar el site y el css a ver si me pueden guiar un poco.

www.klou.com.ar/Test

Aqui el css

Código :

/* ----------------------GENERALES------------------------- */

*{
   margin:auto;
   padding:0px;
}

body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#AFBDE1;
   font-size:12px;
   background-image:url(img/fondo.jpg);
   background-position:top;
   background-repeat:repeat-x;
   background-color:#1F427F;



}

h1{
   color:#0069AA;
   font-family:Arial, Helvetica, sans-serif;
   font-size:30px;
   margin-bottom:15px;
}

h2{
   color:#0069AA;
   font-family:Arial, Helvetica, sans-serif;
   font-size:30px;
   margin-bottom:15px;

}

h3{
   color:#A39FB4;
   font-size:25px;
   margin-bottom:20px;
   

}

h4{
   color:#EF4130;
   font-weight:bold;
   margin-bottom:5px;
   font-size:12px;
}

p {
   line-height:21px;

}


img {
   text-decoration:none;
   border:none;

}

#encabezado, #contenido, #cierre, #pie {
   width:1000px;
   position:relative;
}

#encabezado {
   height: 542px;
   
}

#contenido {
   height:274px;
   
   }

#izq, #der {
   background-color:#0C0B47;
   }

#izq {
   width:212px;
   height:223px;
   margin-top:3px;
   float:left;
   position:relative;
   padding-left:20px;
   padding-right:30px;
   padding-top:45px;
   
} 

#der {
   width:664px;
   height:223px;
   margin-top:3px;
   margin-left:3px;
   float:left;
   padding-top:45px;
   padding-left:40px;
   padding-right:30px;
   position:relative;
   
} 

#cierre {
   height:40px;
   background-color:#08083B;
   clear:both;
   }
   
#pie{
   
   }

/* -------------- HOME ------------------------*/

.rojo {
   color:#ED1C24;
   
   }
.pietxt{
   font-size:10px;
   color:#757BA6;
   
   }
.flecha {
   margin-top:12px;
   }

Muchas gracias a todos

solucionado, el problema el el margin de parrafo. Gracias!