<!doctype HTML>
<style>
#outer {
height: 50px;
outline: 1px solid;
position:relative;
}
#inner { top:0; bottom:0; position:absolute; }
img { max-height: 100%; }
</style>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('#img')">
<div id="outer">
<div id="inner">
<img src="resources/square-blue-100x100.png" id="img" data-expected-client-height="50">
</div>
</div>
</body>