Div in Tabelle

[nils36]

Hallo zusammen,
das Layout meiner Seite wurde komplett über Tabellen realisiert.
Im Inhaltsbereich der Seite habe ich auch eine Tabelle, die aus 2 Spalten besteht. In der linken Spalte werden Grafiken angezeigt, in der rechten Spalte sind Links hinterlegt. Die Anzahl der Zeilen ist variabel und wird über ein CMS gesteuert.

Wenn der Nutzer in über die Grafik fährt, wird mit Rollover ein Div angezeigt werden, wenn die Grafik wieder verlassen wird, wird der Div wieder ausgeblendet.

Das funktioniert alles soweit, nur mit der Platzierung des Divs habe ich Probleme. Der Div soll immer rechts neben der Grafik, auf gleicher Höhe angezeigt werden.

Platziere ich den Div mit position:absolute, wird er für alle Grafiken immer an der gleiche Stelle angezeigt. Platziere ich den Div mit position:relative, zerschiesst es mit das Layout. Es sieht so aus, als würde der Div die Größe der Tabellenzelle beeinflussen.

Meine Frage: Gibt es eine Möglichkeit, den Div sozusagen über die Tabelle zu legen, so dass die Größe der Tabellenzellen nicht beeinflusst wird?

Hier ein Codebsp:
<table>
 <tr>
  <td>
    <img src="image1.jpg" onMouseOver="show div id1" onMouseOut="hide
       div id1"
    <div id="1">Dieser Div soll auf der Höhe der Grafik image1.jpg
       angezeigt werden</div>
  </td>
    <a href=......>Link1</a>
  <td>
  </td>
 </tr>
 <tr>
  <td>
    <img src="image2.jpg" onMouseOver="show div id2" onMouseOut="hide
       div id2"
    <div id="2">Dieser Div soll auf der Höhe der Grafik image2.jpg
       angezeigt werden</div>
  </td>
    <a href=......>Link2</a>
  <td>
  </td>
 </tr>
</table>

(Der Code von MouseOver/MousOut ist nur beispielhaft)

Danke
Nils