Error al mostrar imagen en Explorer

[PLOI]

Muy buenas,

me encuentro arreglando los problemillas del css para que se vea correctamente en explorer. Pero me he encontrado con algo que no entiendo y no consigo solucionar.

Tengo una casilla en la que hay una imagen:

.imagen {
background-image: url("../iconos/imagen.png");
background-position: 5px center;
background-repeat: no-repeat;
color: #004785;
cursor: pointer;
padding-bottom: 5px;
padding-left: 15px;
padding-top: 5px;
text-decoration: underline;
}

y un enlace:

.enlace {
text-decoration: underline;
cursor: pointer;
}

Pues bien, el caso es que me aparece la imagen correctamente y también el enlace pero entre los dos, me aparece la típica imagen de windows cuando es incapaz de mostrar una imagen, esa del paisaje. No sé de donde viene esa imagen que es incapaz de mostrar. He separado con padding-left el enlace y la imagen se queda pegada a mi imagen correcta.

¿Alguien tiene alguna idea?

[sanxuan]

Tendríamos que ver el HTML para opinar.
El enlace roto lo produce una imagen declarada con la etiqueta <img>, no parece que sea culpa del css.

[PLOI]

Gracias por responder tan pronto, sanxuan.

El HTML de esa parte sería este:

TBODY>
<TBODY>
<TR>
<TD style="VERTICAL-ALIGN: top" align=left><IMG class=imagen __eventBits="229501"></TD>
<TD style="VERTICAL-ALIGN: top" align=left>
<DIV class=enlaceSubrayado __eventBits="1" __uiObjectID="null">
</DIV></TD></TR></TBODY></TABLE></TD>


Gracias por adelantado por la ayuda que me podais prestar

[sanxuan]

En la etiqueta <img> no incluyes el atributo src con el nombre del archivo de imagen, puede que sea esa la causa.
Si deseas usar esa etiqueta y que la imagen la defina el css puedes incluir una imagen transparente en la etiqueta img. Basta con que tenga 1px. En el css debes añadir además de la imagen de fondo el tamaño de la misma para que sea visible.
No sé si es eso lo que pretendías conseguir.
Puedes hacer uso del validador de código del w3c: http://validator.w3.org
para encontrar posibles fallos en el código.
Este otro enlace permite comprobar tu CSS: http://jigsaw.w3.org/css-validator/

[PLOI]

Gracias por tu respuesta sanxuan.

Serías tan amable de ponerme un ejemplo con lo que propones? Intento añadir el atributo mediante setResource en el código pero no lo logro. Estoy verde en esto!

Me gustaría utilizar la segunda opción que indicas.


Gracias por tu ayuda

[sanxuan]

Sin más refencia que la que tú mismo aportas, parece que la etiqueta <IMG class=imagen __eventBits="229501"> no incluye el atributo src que define el archivo que contiene a la imagen en cuestión.
Supongamos que tu imagen es un archivo img.gif que se encuentra en la carpeta raiz. Si quieres que esa imagen se muestre, la etiqueta debe ser de este estilo: <img src="img.gif">.
Lo que comentaba del uso de una imagen transparente es bastante simple.
Tú quieres definir el fondo de la etiqueta <img> mediante css. Si usas una imagen, ésta se colocará por encima del fondo. Si usas un gif o png, las partes transparentes dejarán ver el fondo, pero un jpg lo ocultará.
Si usas una imagen totalmente transparente guardada como gif o png, lo que se verá será el fondo.
Tu HTML puede ser algo así:
<img class="imagen" src="transparente.png" style="background:url(FondoImagen.jpg); width:300px; height:300px;">
suponiendo que tu imagen tiene un tamaño de 300x300px.