Problema con tablas y celdas... IE8 hace lo que le da la gana, Por que??

[Darknessfeatsunny]

Hola chicos, estoy empezando a coger cariño a este foro, sera por tanto problema que me surge.

Ahora les traigo un problema muy gordo de compatibilidad entre navegadores, que me gustaria que me ayudaran a solucionar y comprender.

Se trata de la diferencia que IE8 aplica a esta pagina con respecto al resto de navs:

http://www.oxm.com/prueba/vacio.html

Bien, esta pagina que estoy haciendo, al abrirla con los navegadores mozilla y IE8 es bastante similar, apenas hay diferencias visibles..

El problema viene al llenar la parte de la derecha, la cual esta destinada a estirarse para acoger el contenido que sea de la siguiente manera:

http://www.oxm.com/prueba/lleno.html

Ahora, si entramos con mozilla, vemos que la parte de la derecha se estrira, y eso es justo lo que quiero, y sobre todo nos fijamos en la parte de la izquierda, vemos que la celda azulita no se ha estirado, puesto que en archivo css tiene un height definido, mientras que la celda verde se estira correctamente, pues en el css no tiene establecida la propiedad height...

Este es el funcionamiento CORRECTO Y DESEADO,

cosa que se estropea al abrirla con IE8, el cual hace con las celdas lo que le da la gana...

Alguien me sabria ayudar a que se viera en IE8 exactamente como se ve en Mozila, llevo toda la tarde buscando errores, y preguntando en la red, pero no se como encontrar esta solucion...se supone que si la celda azulita tiene un tamaño establecido IE8 NO PUEDE ESTIRARLA...

En fin, agradeceria a quien me ayudara...en el codigo fuente pueden ver el CSS y demas para ver que es lo que puede fallar con IE8...

Muchas gracias de antemano