min-height per un div con "display: table" non funziona in firefox

Question

Ho dato un minimo di altezza a un div con proprietà display come tabella per rendere il testo interno verticalmente centrato. L'altezza minima data non funziona con il browser Firefox.

ho messo il codice in un violino: 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> 

Qualsiasi aiuto sarebbe molto apprezzato!

Answer 1

Questo è in realtà un bug di Firefox

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

min-height non funziona con display: table

È necessario utilizzare altezza fissa per risolvere questo.