chromium/third_party/blink/web_tests/tables/mozilla/bugs/bug9123-2.html

<html>

<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>


<p style='padding-left:20px;padding-right:20px'>
Here's the same two row table, but the second instance reverses the order of 
the rows: note that it is the first row that defines the width (which would 
be right if this were table-layout: fixed ;-)
</p>

<table border=1 width=100% cellpadding=0 cellspacing=0>


<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
<td width=125><img src="../images/left_menu_bottom2.gif" width=110 height=15></td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>

<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>

<td width=100%>
that
</td>

<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>

</tr>

</table>
<br>
<table border=1 width=100% cellpadding=0 cellspacing=0>

<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>

<td width=100%>
that
</td>

<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>

</tr>

<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
<td width=125><img src="../images/left_menu_bottom2.gif" width=110 height=15></td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>

</table>

</body>
</html>