height: 100% for <div> inside <div> with display: table-cell

http://stackoverflow.com/questions/22220698/height-100-for-div-inside-div-with-display-table-cell

by Alejandro M

HTML

<div class="table">
    <div class="cell">
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
    </div>
    <div class="cell">
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        
    </div>
    <div class="cell">
  <p>Text</p>
        <div class="container">Text</div>
    </div>
</div>
<p>footer</p>

CSS

.table {
    display: table;
}

.cell {
    border: 2px solid black;
    vertical-align: top;
    display: table-cell;
    //height:100%;
    overflow:auto;
    position:relative;
background:red;
}

.container {
    height: 999px;
    border: 2px solid green;
    position :absolute;
   top:0;
}