I'm trying to recreate: <http://jsfiddle.net/MGRdP/6/>

```css
html, body{
  height:100%;
}

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

.cell {
    border: 2px solid black;
    vertical-align: middle;
    display: table-cell;
    height:100%;
}
```

```html
<div class="table">
    <div class="cell">
        <p>Text</p>
    </div>
</div>
<div class="table">
    <div class="cell">
        <p>Text</p>
    </div>
</div>
```

using Neat but my divs are not expanding to 100% of the viewport height. Using inspector, I cannot find any discrepancies. Obviously something is off here.

Can someone provide correct markup for neat that allows me to achieve the as the fiddle?