<!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>