| <!DOCTYPE html> |
| This should be identical to <a href="inner-percent-width-doesnt-affect-outer-columns.html">inner-percent-width-doesnt-affect-outer-columns.html</a> |
| <table id="outerTable" style="width: 300px" cellspacing="0" cellpadding="0"> |
| <td style="background:red;"> |
| <div style="background:blue"> |
| <table cellspacing="0" cellpadding="0"> |
| <td style="width:1%; background:yellow;" data-expected-width="100"> |
| <div style="width:20px; height:150px;"></div> |
| </td> |
| </table> |
| </div> |
| </td> |
| <td style="background:lightblue;" data-expected-width="200"> |
| <div style="width:40px; height:150px;"></div> |
| </td> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <script> |
| checkLayout('#outerTable'); |
| </script> |