Tengo algunos problemas con el posicionamiento absoluto dentro de una celda de una tabla en Internet Explorer (9 específicamente, pero estoy seguro de que el problema también existe en <9). Estoy tratando de forzar a un div dentro de una celda de mesa para ocupar toda la celda. Fue bastante fácil en Chrome / ff / safari usando:

div {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}

td {
    position: relative;
}

Pero por alguna razón, IE se comporta de manera completamente diferente. No puedo conseguir que el div tenga una altura dinámica basada en la celda de la tabla.Aquí está Un ejemplo para mostrar lo que estoy hablando. Funciona como lo necesito en chrome / ff / safari, pero está roto en IE. ¿Hay alguna manera de hacer que funcione de la misma manera en IE? ¡Gracias!