Divs separadas de imagenes

[xenon254]

Buenas

Tengo una estructura como esta:

<img />
<div>texto</div>
<img />

La cuestión es que en Firefox se ve correctamente. Pero en Iexplorer 8 me sale lo siguiente:

<img />
"espacio"
<div>texto</div>
"espacio"
<img />

No comprendo el motivo. He probado con las imagenes y la capa dándoles "margin: 0px" pero no he conseguido nada.

El estilo de la capa es:

.cuad-services{
width: 237px;
height: 112px;
overflow: hidden;
margin: 0;
padding: 0 15px 0 15px;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
line-height: 20px;
}

El de las imágenes:

img{border: none; margin: 0}


Gracias por vuestra ayuda de antemano
Un saludo

[PrendekZ]

En realidad no comprendo que quieres..

Si quieres un texto encima de la imágen... haz lo siguiente:

HTML:

<div id="imagen_fondo"><span class="texto_flotando">Texto</span></div>

CSS:

#imagen_fondo{
background-image:url(images/imagen.png);
width:500px;
height:500px;
}
.texto_flotando{
display:block;
margin:30px auto 0 auto;
}

Modifiica:

Width, height, la url del fondo. ;)

PD: No comprendí bien que quieres hacer... sí explicas mucho mejor con ejemplos de un sitio, imagenes de "montaje" te ayudaremos.

[xenon254]

Al final he aplicado a las imágenes que quiero que se "peguen" a las capas que están verticalmente al lado

display: block

Gracias y un saludo.