LayoutTests/fast/replaced/replaced-child-of-absolute-with-auto-height.html

   1 <html>
   2     <head>
   3         <style type='text/css'>
   4             .container {
   5                 position: absolute;
   6                 top: 30px;
   7                 bottom: 30px;
   8                 width: 300px;
   9                 background: yellow;
  10                 border: 2px dashed black;
  11             }
  12             .test {
  13                 height: 50%;
  14                 width: 296px;
  15                 background: blue;
  16                 border: 2px dashed black;
  17             }
  18         </style>
  19     </head>
  20     <body>
  21         <p>The inner blue image should be 50% as tall as the outer yellow box.</p>
  22         <div class="container">
  23             <img class="test" src="resources/square-blue-100x100.png">
  24         </div>
  25     </body>
  26 </html>