Colocar imágenes

[eulloa]

Hola foreros, bueno tengo una imagen en mi web q levanto en la forma:
.titulo_left {
width: 745px;
height: 80px;
background: #DAECFE url(images/edusol/new_image.jpg) no-repeat;
color: #000000;
}


Ahora encima de ella quieroponer un gif animado:
.ed_anim{
float: left;
margin: 50px 0px 0px 100px;

}
Bueno, Firefox lo ubica bien, pero como siempre con sus cuentos IE no lo hace como debe, sino q se adelanta la imagen, como si tuviera más margen izquierdo con respecto a Firefox.
¿alguien me puede ayudar o darme una alternativa?
SOOY NOVATO EN ESTO

[arriaka]

Hola eulloa

Eso seguramente sera por el margen que tenga la imagen. Por defecto las imagenes (como los parrafos, listas, titulos, ...) tienen unos margenes que varian segun el navegador.

Tendrias que quitar el padding y el margin de las imagenes:

Código:

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

Si quieres que tenga algo de margen se lo tienes que especificar tu, para que los navegadores lo interpreten igual.

Saludos!

[eulloa]

Si bueno, pero la quiero colocar en una parte específica de de la imagen de fondo. Es q es un efecto de reflejo ¿cómo lo hago manualmente?
Disculpa mi desconocimiento en estos temas, realmente no se mucho, te agradecería que me ayudaras
saludos

[eulloa]

Arrieka, ya resolví.
Coloqué un div con margin-left: el q me hacía falta y dentro otro div con:
float: left;
position: relative;
left:0px;
top: 52px;
Quedó perfecto, gracias por la ayuda