blob: b07f3ce57a3740c35cf7c78b302b2c0b8dd3e702 [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<!-- https://bugs.webkit.org/show_bug.cgi?id=72180 : CSS table with 100% width overflow their container block -->
<!-- The test passes if the inner table has 2 seperate borders in all corners. -->
<div style='display:table; border: 1px solid black; width: 500px; height: 500px; padding: 10px;'>
<div style='display:table-row; border: 1px solid red;'>
<div style='display:table-cell; border: 1px solid blue;'>
<div style='display:table; border-collapse: collapse; border: 1px solid green; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;'>
<div style='display:table-row; border: 1px solid cyan;'>
<div style='display:table-cell; border: 1px solid magenta;'>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>