<head>
<style>
img { background-color: orange }
td { border: 1px solid green }
</style>
</head>
<body>
These two tables should be the same height.
<div style="-webkit-writing-mode: vertical-rl;">
<table border=0 cellspacing=0 cellpadding=0 height=320>
<tr>
<td height=70 valign=top >
1
</td>
<td height=246 valign=top >
2
</td>
<td height=4><img height=4 width=20></td>
</tr>
</table>
<p></p>
<table border=0 cellspacing=0 cellpadding=0 height=320 width=10>
<tr>
<td height=66 width=10>1</td>
<td height=254 width=10><img height=254 width=10 ></td>
</tr>
<tr>
<td colspan=3>1</td>
</tr>
</table>
</div>