
<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>
