min-height для таблиц без влияния на thead и tbody в Firefox

Question

У меня есть таблица, в которой я хочу установить min-height.
Насколько я могу судить, min-height не работает на таблицах, и на самом деле вам нужно установить вместо этого height.

Это прекрасно для того, что, когда я поставил height на столе, который имеет thead, tbody и tfoot, все с одной строкой каждого, высота каждой из трех секций устанавливается на треть из кроме общая высота только в Firefox, чего я не хочу.
Chrome и IE (проверены на IE8) сохраняют thead и tfoot оригинальную высоту и растягивают только tbody.

Я хочу thead и tfoot оставаться свою первоначальную высоту, а затем имеют tbody только растянуть остаток height в Firefox, а также (как и в Chrome и IE).

Есть ли способ сделать это в Firefox?
Спасибо.

Edit:

Вот что я хочу:

И вот что я на самом деле получить в Firefox:

Answer 1

В качестве обходного пути, вы могли бы присвойте height значение th и/или td внутри thead и tfoot см демонстрационное:

table { 
 
    height: 200px; 
 
    width: 100%; 
 
} 
 
thead { 
 
    background: crimson; 
 
} 
 
tbody { 
 
    background: orange; 
 
} 
 
tfoot { 
 
    background: green; 
 
} 
 
thead th, thead td, tfoot th, tfoot td { 
 
    height: 0; /*or any height*/ 
 
}

<table> 
 
    <thead> 
 
     <tr> 
 
      <th>Header content 1</th> 
 
      <th>Header content 2</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td>Body content 1</td> 
 
      <td>Body content 2</td> 
 
     </tr> 
 
    </tbody> 
 
    <tfoot> 
 
     <tr> 
 
      <td>Footer content 1</td> 
 
      <td>Footer content 2</td> 
 
     </tr> 
 
    </tfoot> 
 
</table>