powdermouse: Hintergrund bei Überlappung im Opera

Hallo,

ich habe folgendes Problem:
Ich möchte über eine Grafik eine Tabelle (mit Hintergrundfarbe) schieben:
<html>
<body>
<div style="border:1px solid blue">
 <div style="height:100px; width:300px; background-color: yellow;">
  <img height="100px" src="grafik.jpg">
 </div>
 <table style="height:90px; width:150px; background-color: red;margin-top:-20px; color: darkgreen;" border="1">
  <tr>
   <td valign="top"> TEST_RED </td>
  </tr>
 </table>
</div>
</body>
</html>

Im IE sieht das so, wie gewollt aus:

  • Grafik
  • Tabelle mit rotem Hintergrund und grüner Schrift

-------------------------
-                       -
-                       -
+++++++++++             -
+TEST_RED +             -
+         +--------------
+         +
+         +
+++++++++++

Im Opera wird zwar die Tabelle auch noch oben verschoben,
allerdings sieht man den roten Hintergrund nicht mehr, die
grüne Schrift allerdings schon.

-------------------------
-                       -
-                       -
-                       -
-TEST_RED               -
-         ---------------
+         +
+         +
+++++++++++

Wie kann man im Opera das Ergebnis vom IE erreichen bzw. was mache
ich evtl. falsch ?

powdermouse