Hola:
Es la segunda vez que me encuentro con el mismo problema en IE7, y es que, cuando le viene en gana, le añade a una div un margen (en mi experiencia, la primera vez que me pasó lo puso en el lado izquierdo del div, y la segunda en el lado inferior), que no ha manera. La única manera de quitarlo es poniendo margin-xxxx:-10px;. Entonces sí lo quita, pero claro, en el resto de navegadores se ve 10 px movida de donde debería estar.
He probado por activa y por pasiva, hasta con el css prácticamente limpio, y no hace caso a mis indicaciones. Te mando todo el css del último problema que me he encontrado:
*{
padding:0px;
margin:0px;}
body {
background-color:#dededd;}
img{
border:none;}
#pagina {
padding:0px;
margin:0px;
float:left;
/*height: 100%;*/
width: 760px;
position:absolute;
left:50%;
margin-left:-380px;
padding-top: 20px;}
#cabecera {
padding:0px;
margin:0px;
margin-bottom:0px;
float:left;}
#cuerpo {
padding:0px;
margin:0px;
float:left;}
#pie{
padding:0px;
margin:0px;
float:left;
height:34px;
width:760px;
background-image:url(images/fondopie.png);
background-repeat:no-repeat;}
Te mando también el html:
<div id="pagina">
<div id="cabecera"><img src="images/encabezado.png" alt="probetón andaluza"> </div>
<div id="cuerpo"></div>
<div id="pie"></div>
</div>
Pues con esto, el IE7 me pone un margen de 4 px en la parte inferior de la cabecera que no hay manera de quitarlo.
Gracias de antemano, un cordial saludo.
P.D.: He intentado colgar una imagen para que se vea el problema, pero no me lo permite el filtro antispam. de todas formas, si necesitais verla, me avisais y os la puedo enviar.
Gracias y un saludo.