Min-height for div with "display: table" doesn't work in firefox

Question

I gave min-height for a div with the display property as a table for rendering inner text vertically. The specified minimum height does not work with the Firefox browser.

I put the code in the fiddle: fiddle

<div class="readmore_box"> <div class="readmore_box_main"> <p>State of the Market Address: Update on developments in the global stone industry</p> </div> <div class="box_bottom"> <h4>more Info</h4> </div> </div> 

Any help would be really appreciated!

Answer 1

This is actually a Firefox bug

see https://bugzilla.mozilla.org/show_bug.cgi?id=307866

min-height will not work with display: table

To solve this problem, you must use a fixed height.