Internet explorer no muestra nada en bloques con display:table-cell

[madman_18]

Hola!

Peleándome (cómo no ) con internet explorer con una web que estoy montando. Tengo unos bloques en los que necesito que los dos vayan manteniendo el mismo height por lo que creo la estructura de una tabla con divs.

Mi problema es que me funciona en todos sitios menos en IE (probado en versiones desde la 11 hasta la 9)... El html es así:

Código HTML:

<div class="tabla">
<div class="fila">
<div class="celda">
aqui va el contenido que no me lo muestra (es una imagen)
</div>
<div class="celda-2">
este contenido es texto y dinamico que si muestra IE.
</div>
</div>
</div>
 

y mis css son tal que así:

Código CSS:

.tabla{width:100%;height:auto;display:table;}
.fila{width:100%;height:auto;display:table-row;}
.celda,.celda-2{display:table-cell;}
.celda{width:60%;height:auto;vertical-align:middle;}
.celda-2{width:40%;height:auto;vertical-align:middle;}
 

Los tamaños los sitúa bien IE pero a la hora de ver el contenido, si me voy a la consola y pongo los estilos tal que

Código CSS:

.celda{width:100%;} /*Solo esto, quitando el display:table-cell; y demás estilos me muestra contenido*/
 

ya se ve la imagen que tengo insertada en esos bloques.

¿Qué me puede estar ocurriendo?