<!DOCTYPE html>
<html>
<head>
<script src="../../resources/check-layout.js"></script>
<style>
html {
width: 800px;
}
table {
width: 100%;
border-spacing: 0px;
}
td {
height: 25px;
padding: 0px;
}
</style>
</head>
<body onload="checkLayout('iframe')">
<p>Bug <a href='https://bugs.webkit.org/show_bug.cgi?id=95892'>95892</a>: REGRESSION(r122501): replaced elements with percent width are wrongly size when inserted inside an auto-table layout.</p>
<p>This test checks that a replaced element inside an auto-table layout properly computes its preferred logical width.</p>
<table align="middle">
<tbody>
<tr>
<td>
<div style="width:100%">
<iframe srcdoc="<!DOCTYPE html><p>Lorem Ipsum</p>" width="100%" data-expected-width="763"></iframe>
</div>
</td>
<td align="right" valign="middle">
<div style="width:10px;"></div>
</td>
</tr>
</tbody>
</table>
</script>
</body>
</html>