Mitwachsender Tabellen Hintergrund funktioniert nicht im IE

[Yako]

Hallo liebe Community,

ich habe ein Tabellenlayout folgend (links der gestrichelte Bereich ist der Problembereich und wird von einer Haupttabelle umschlossen):

----x-----------x
|   |           |
|   |           |
|   |           |
|   |           |
|   |           |
----x-----------x

In dem linken Bereich habe ich eine Grafik aus 3 Teilen, fixe Größe beim Header, fixe Größe Footer, aber der mittlere Bereich soll flexibel sein und mit dem jeweiligen Conentinhalt aus dem rechten Bereich mitwachsen, in Mozilla tut er das, aber im Internet Explorer nicht.

Folgender Code für die Tabelle, in der sich die 3 HG Grafiken befinden:

HTML-Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">  
        <tr>  
          <td valign="top" class="banner-top">&nbsp;</td>  
        </tr>  
        <tr height="100%">  
          <td valign="top" class="banner-middle"></td>  
        </tr>  
        <tr>  
          <td valign="bottom" class="banner-bottom"></td>  
        </tr>  
      </table>  

Die CSS dazu:

.blockLeft {  
	width: 180px;  
	height: 100%;  
	background-color: #FFFFFF;  
}  
  
.banner-top, .banner-middle, .banner-bottom {  
	width: 175px;  
}  
  
.banner-top {  
	height: 629px;  
	background: url(../../images/banner-top.png) no-repeat top left;  
}  
  
.banner-middle {  
    height: 100%;  
	background: url(../../images/banner-middle.png) repeat-y top left;  
}  
  
.banner-bottom {  
	height: 27px;  
	background: url(../../images/banner-bottom.png) no-repeat top left;  
}

Könnte mir bitte jemand behilflich sein, wo genau der Fehler ist, komme leider nicht weiter, habe schon vieles ausprobiert?

Danke, Liebe Grüße
Yako