<!DOCTYPE html> <html><head> <title>CSS3 Grid Layout: Reference File</title> <link href="mailto:swainet@126.com" rel="author" title="swain"> <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen"> <!-- 2013-09-22 --> <style type="text/css"> #container { position:relative; width:400px; height:100px; } .error { position:absolute; top:0; left:0; height:100%; width:100%; z-index:-1; } #table { width:100%; height:100%; border-collapse:collapse; } #table td { padding:0; vertical-align:top; } #table td:first-child { width:100px; } #table tr:first-child td { height:30px; } </style> </head> <body> <p>Test passes if there is a green square and no red.</p> <div id="container"> <div class="error"> <table id="table"> <tbody> <tr> <td>cell1</td> <td>cell2</td> </tr> <tr> <td>cell3</td> <td style="background-color:green">cell4</td> </tr> </tbody> </table> </div> </div> </body></html>