max-height

Jag har en tabell med 3 delar. Överst överskrift. mellan olika produkter. och nederst sammalagda priset. Mitt problem är att jag vill ha den mellersta delen med en maxhöjd, alltså att de ska komma en scroll på höjden där ifall den skulle bli för mycket innehåll.

Det kanske behövs delas upp i flera tabeller och i så fall finns det något sätt att göra ett block med en maxhöjd och ifall den kommer över den så ska det bli scroll?

Jag antar att din HTML ser ut ungefär såhär:

<table>
 <thead>
  <tr><th>Produkt<th>Pris
 <tfoot>
  <tr><th>Summa<td>50
 <tbody>
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
  <tr><td>Kaka<td>5
</table>

Det här "borde" funka:

tbody { max-height:8em; overflow:auto; }

Men det gör det inte. I Firefox funkar det om man använder 'height' istället.

Test, Mozilla-bugg.

Det var något sånt jag försökte med utan något större resultat. Funderar även på att fixa höjden med php... men skulle helst slippa det.