<!DOCTYPE html>

<style>
.green100x100 {
    width: 100px;
    height: 100px;
    background-color: green;
}
</style>

<p>This test checks that percentage on the grid item are resolved against the grid area, despite the grid container being positioned with definite width and height.</p>
<p>Test passes if you see a 100x100 green box.</p>

<div class="green100x100"></div>