margen imagenes en IE7

[TROQUELADO]

hola,

tengo un problema muy estupido con unas imagenes. Resumire el caso a un ejemplo facil:

Tengo dos divs, uno encima del otro. El primero tiene una imagen, y el segundo un texto. Utilice el selector universal para quitar todos los margenes i paddings:

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

Y despues al div de la imagen le puse un margin-bottom de 10px, porque necessito exactamente 10px de margen entre los dos divs. Bueno, pues en firefox muy bien, pero en IE7 añade 4px siempre. He probado añadir padding y margin 0 a las imagenes aparte del selector universal, pero IE7 siempre añade 4px,

¿como se soluciona esto?

MUCHAS GRACIAS!!!

[Mikmoro]

Una pregunta: ¿esos 4 px pertenecen a la imagen o al texto de debajo? Quizá ya estés seguro, pero para comprobarlo, un buen truco es poner un borde a cada elemento: border. solid;
Así ves cada caja qué ocupa exactamente.

Mikel.

[TROQUELADO]

es de la imagen con el div inferior.
He probado lo de los margenes, pero no se ve de quien es el margen, puesto que el borde queda dentro del margen.

gracias mikel!

[Mikmoro]

No entiendo esta última frase: "puesto que el borde queda dentro del margen."

¿Tienes un sitio donde verlo o se puede ver el trozo código (html y css)?

A veces ese problema lo suele producir los bordes, aunque no los tenga. Puede que un border:0 a la imagen te ayude, pero me gustaría verlo y comprobar.

Mikel.

[juaniquillo]

si solo te pasa en IE puede que el problema sea éste:
http://www.forosdelweb.com/f53/ie-no...rgenes-534949/