Imagen de fondo para otra imagen

[ladyevil]

Hola a todos, tengo un pequeño problemilla con el explorer (con quien si no) a la hora de hacer un efecto para una imagen.
Un ejemplo de lo que quiero lograr lo podéis ver aquí:
[URL="http://www.adesus.pt"]http://www.adesus.pt/[/URL]
Las fotos que aparecen en la portada se cargan en un contenedor que tiene una imagen de un cuadrado de fondo. Lo he creado en mi css con el siguiente código:

.fondo-imagen{
background:url(img/background-img.gif) center no-repeat;
}

y a la imagen que se carga le pongo class="fondo-imagen".
En mozilla funciona perfecto, se ve el recuadro y encima la imagen, pero en explorer no se ve el recuadro.
¿qué hago?

Muchas gracias a todos

[hdennison]

Me imagino que lo que pasa es que se te está cargando el fondo justo detrás de la imagen y por eso no lo ves. Prueba a añadirle padding a la imagen.

Otra opción que puedes probar es a construir ese borde por css, con padding,border,box-shadow y demás ;)

[dblanco]

mete la imagen dentro de un div que tenga por fondo el marco de la foto, es lo más lógico.

[ladyevil6]

Perfecto, se arregló en cuanto lo metí en otro div.
Muchísimas gracias :)