height:100% inside table-cell not working on Firefox and IE

Question

I\'m having some troubles trying to create a div with height:100% inside a wrap with display:table-cell.

I\'ve noticed it doesn

Answer 1

You must set the .content and .table .table-cell classes as below

.content {
    display: table;
    height: 100%;
}

.table, .table-cell {
    height: 100%;
}