CSS display: table min-height not working

Question

Does anyone know I can make min-height work with the latest browsers? I am using CSS tables and it seems to ignore min-height.

<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>

Fiddle

Answer 1

When using tables, height essentially is min-height, as tables always stretch. Just get rid of the "min-" and it will work as you expect.