height-percent-test-vertical.html

<div style="-webkit-writing-mode: vertical-rl;">
<div style="margin: 1em; width: 24px; border: 1px solid black;"><div style="float:left">
<div style="height: 100px; background-color:green; width:100%"></div>

</div></div>

<div style="margin: 1em; width: 24px; border: 1px solid black;"><div style="float:left">
<table bgcolor=red width=100% cellpadding=0 cellspacing=0><tr><td><img border=0 width=22 height=96 style="background-color:green"></td></tr></table>
</div></div>

<div style="margin: 1em; border: 1px solid black;"><div>
<div style="height: 100px; background-color:green; width:100%"></div>
</div></div>

<div style="margin: 1em; border: 1px solid black;"><div>
<table bgcolor=red width=100% cellpadding=0 cellspacing=0><tr><td><img border=0 width=22 height=96 style="background-color:green"></td></tr></table>
</div></div>
</div>