Tabelle falsch im Internet Explorer! Hilfe!!

Ich habe folgendes Problem mit der Darstellung dieser Tabelle im Internet Explorer:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
</head>
<body>
Text

<table width="100%" height="100%" border="1" align="center">
<tr>
<td width="238" height="1"></td>
<td width="727" rowspan="5" valign="top" bgcolor="#EEEEEE">Text

Text
Text
Text
Text
Text
Text
Text
Text

</td>
</tr>
<tr>
<td height="40" bgcolor="#FFFFFF" valign="top" align="left">Text
Text</td>
</tr>
<tr>
<td height="22" bgcolor="#CCCCCC" valign="top" align="left">-</td>
</tr>
<tr>
<td height="22" bgcolor="#CCCCCC" valign="top" align="left">-</td>
</tr>
<tr>
<td bgcolor="#EEEEEE" valign="top" align="left">

Text

</td>
</tr>
</table>

Text
</body>
</html>

Die Tabelle hat 2 Spalten, die erste mit 5 Zeilen, die zweite hat eine Zeile.
In der ersten Zeile, erste Spalte wird ein Bild angezeigt wenn vorhanden sonst soll sie höhe=1px sein (so wie hier). Das Problem liegt in der 2., 3. und 4. Zeile der ersten Spalte, denn diese sollen immer eine feste Grösse haben (40px und 2 x 22px) die 5. und letzte Zeile der ersten Spalte soll zum 'auffüllen' in der Tabelle dienen wenn die Zeile in der 2. Spalte die Grösse überschreitet (so wie hier).
Im Firefox-Browser wird es richtig dargestellt, in der ersten Spalte ist die erste Zeile minimiert, die 2., 3. und 4. auf eine feste Grösse und oben angeordnet, die letzte Zeile wird automatisch vergrössert.
Der Internet Explorer zieht aber alle Zeilen der ersten Spalte ausseinander, so wie eine zentrierung.

Kann mit jemand helfen dieses Problem zu lösen? Brauche es sehr dringend, vielen Dank und lieben Gruss

Tags