Firefox stellt display:table falsch dar

[paco]

Hallo,
ich habe gerade eine Tabelle mit divs und css erstellt, die ausnahmsweise mal im IE8 richtig dargestellt wird aber dafür im Firefox 3.6 nicht :-(

Der Aufbau ist folgender

<div id="tabelle" class="table">
<div class="table_row">
  <div class="table_cell">1</div>
  <div class="table_cell">2</div>
  <div class="table_cell">3</div>
  <div class="table_cell">4</div>
</div>
<div class="table_row">
          <input type="text" value="" name="text_1" class="table_cell"/>
          <input type="text" value="" name="text_2" class="table_cell"/>
          <input type="text" value="" name="text_3" class="table_cell"/>
          <input type="text" value="" name="text_4" class="table_cell"/>
</div>
      </div>

mit entsprechender css (.table{ display: table}; .table_row{ display: table-row}; ...)

Im IE8 sieht alles so aus wie es soll, Tabellenzellen in den jeweiligen Reihen übereinander.
+    1    +    2    +    3    +    4    +
+  text1  +  text2  +  text3  +  text4  +

Im Firefox aber so

+    1                                  +  2  +  3  +  4  +
+  text1  +  text2  +  text3  +  text4  +

Der Code ist wirklich simpel, ich habe keine Ahnung wo ich da ansetzen soll, eigentlich sollte der FF das display: table doch seit Version 2 unterstützen, oder?

Wenn irgendjemand eine Idee hat, wäre ich sehr dankbar!

Liebe Grüße
Paco