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

HTML

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

CSS

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

.cell {
    border: 1px solid black;
    display: table-cell;
    vertical-align:top;
    height: 100%;
    
}

.container {
    height: 100%;
    border: 10px solid green;
    
}