<!DOCTYPE html>
<html>
<head>
    <style>
        img { height: 100%; }
        div { display: table; height: auto; }
        body { height: 400px; }
    </style>
    <script src="../../resources/check-layout.js"></script>
</head>
<body>
    The square below should be 100px by 100px.
    <!-- https://bugs.webkit.org/show_bug.cgi?id=103812 -->
    <!-- In strict mode, an image with height set to 100% and a fixed height ancestor should expand to its instrinsic height and width. -->
    <!-- Percentage height "is calculated with respect to the height of the generated box's containing block." --> 
    <br>
    <div style="-webkit-writing-mode: vertical-lr;">
        <img src="resources/square-blue-100x100.png" onload="checkLayout('img')" data-expected-height=100>
    </div>
</body>
</html>
