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