Problem mit Positionierung einer Grafik innerhalb Tabelle bei IE

pmc

hallo zusammen,

habe eine Seite, bei der in einer Tabelle
der Inhalt einer Spalte unten und der der nächsten oben ausgerichtet sein soll.
Mit Firefox ist dies auch wunderbar anzuschauen,
mit IE 7 ist die Ausrichtung der ersten Spalte mittig statt unten

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table border="1" align="center" cellspacing="0" cellpadding="0" height="100%">


  <tr>
    <td >
      <table bgcolor="#FFFFFF" border="1" cellspacing="0" cellpadding="0" width="100%" height="100%" >
        <tr>
          <td valign="top">Menü</td>
        </tr>
        <tr height="100%"><td align="center" valign="bottom" style="border-right-style:solid; border-width:1px; border-right-color:#00ABA3;"><img src="/images/trophaee.png" border="0" alt="Trophe" title="Trophe"></td></tr>
      </table>
    </td>
    <td>Inhalt<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>Ende</td>
  </tr>
</table>


</body>
</html>

Alles anzeigen

Zur Erklärung: Da wo ich die ganzen "br/" stehen habe,
wird später dynamisch Text angezeigt, deswegen soll links davon das Bild runterwandern, wenn die Seite höher wird und zwar am unteren Rand der linken Spalte
Firefox zeigts mir auch so an, IE und Opera leider nicht. Wie kann ich das für alle Browser realisieren?

Danke Im Voraus

Tags