Joker: grafik fehler

Beitrag lesen

hallo, ich hab da ein problem...
im nachfolgenden code passiert folgendes: die grafikdatei foot.jpg soll eigendlich meine seite abschließen...also dierekt unter content_bg.jpg erscheinen, im IE gehts auch wunderbar wie immer, aber im mozilla wird es falsch dagestellt, foot.jpg erscheint im content_bg.jpg und nicht dadrunter. weiß einer eine lösung? bitte keine tabellen vorschläge.

html datei

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html>
    <head><meta http-equiv="expires" content="0">
      <link rel="stylesheet" type="text/css" href="images/style.css">
    </head>
    <body>
      <div id="content" align="center" style="background-image:url(images/content_bg.jpg)">
        <table border="0" width="97%" id="text">
          <tr>
            <td align="left" valign="top">test</td>
          </tr>
        </table>
      <img style="border:0;" src="images/foot.jpg" alt=""></div>
    </body>
  </html>

css datei

#content {
 width    : 1024px;
 float    : left;
}

#text {
 font-size   : 11px;
 font-family   : Helvetica, Verdana, sans-serif;
 color    : #000000;
 padding-left   : 10px;
      }

danke
mfg Joker