Firefox: Bilder mit Tabelle zurecht rücken?

[U-Lee]

Hallo,

ich möchte einen Rahmen aus verschiedenen Grafiken zusammensetzen, indem ich sie mit einer Tabelle in Position bringe.

<table width="100%" cellpadding="0" cellspacing="0" border="0">
   <colgroup width="1000">
      <col width="25">
      <col width="950">
      <col width="25">
   </colgroup>
   <tr>
      <td height="25" id="top_left">
         <img src="./additional/artwork/top_left.jpg" alt="top left" width="25" height="25">
      </td>
      <td height="25" id="top_center">
         <img src="./additional/artwork/top.jpg" alt="top" width="100%" height="25">
      </td>
      <td height="25" id="top_rigth">
          <img src="./additional/artwork/top_right.jpg" alt="top right" width="25" height="25"></td>
      </tr>
      <tr>
          <td height="100" id="middle_left">
<img src="./additional/artwork/left.jpg" alt="left" width="25" height="100%">
          </td>
          <td style="margin-right: 100px;" height="100" id="middle_center">
                 <!-- hier ein Bisschen Inhalt -->
          </td>
          <td height="100" id="middle_right">
             <img src="./additional/artwork/right.jpg" alt="right" width="25" height="100%" style="margin-left: 0px;">
          </td>
      </tr>
      <tr>
          <td height="25" id="bottom_left">
             <img src="./additional/artwork/bottom_left.jpg" alt="bottom left" width="25" height="25">
          </td>
          <td height="25" id="bottom_center">
              <img src="./additional/artwork/bottom.jpg" alt="bottom" width="100%" height="25">
          </td>
          <td height="25" id="bottom_right">
              <img src="./additional/artwork/bottom_right.jpg" alt="bottom right" width="25" height="25">
          </td>
      </tr>
</table>

Die IDs der Spalten dienen lediglich der Übersicht.

Mein Problem:

In Firefox erscheint unter dem Bild, also zwischen dem unteren Bildrand und dem unteren Zellenrand immer eine Lücke, die sich bisher nicht von mir entfernen lies:
Ich hab es mit "margin-bottom: 0px;" im tr-, td- und img-Tag versucht, es geht aber nich weg! In IE wird es korrekt angezeigt. Was kann ich tun, damit es auch in Firefox gut aussieht?

 

[U-Lee]

Habs selbst rausgefunden:

td img {display: block;}

;Jump