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