matthias konzelmann: Browser Problem

Beitrag lesen

ich will einen Balken, der sich aus 3 teilen zusammensetzt ( linker rand, mitte, rechter rabd ) in einer tabelle darstellen. die mittlere spalte soll 80% der gesamt tabellenbreite erlangen. Folgenden Code habe ich erstellt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
  <meta http-equiv="Content-Language" content="de" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>
  </title>
 </head>
 <body>
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td>
     <img src="http://supermattze.dyndns.org/bigband/main/pics/linielinks.gif" height="8" width="4" align="right" alt="linie" />
    </td>
    <td width="80%">
     <img src="http://supermattze.dyndns.org/bigband/main/pics/linie.gif" height="8" width="100%" alt="linie" align="middle" />
    </td>
    <td>
     <img src="http://supermattze.dyndns.org/bigband/main/pics/linierechts.gif" height="8" width="4" align="left" alt="linie" />
    </td>
   </tr>
  </table>
 </body>
</html>

ist laut w3c 100 valide.

Problem: im IE funktionierts. Im Mozilla FireFox siehts so aus:
http://supermattze.dyndns.org/mozilla.gif

wie schaffe ich es das die 3 grafiken auf gleicher höhe angezeigt werden?