Why isn't the max-height working on table?

Question

Can someone please explain to me why the max-height is not working on table element?

Here is the code

Answer 1

In CSS 2.1, the effect of 'min-height' and 'max-height' on tables, inline tables, table cells, table rows, and row groups is undefined.

Read the spec.

Set the table to display: block if you want to force max-height.