| <html> | |
| <head> | |
| <style> | |
| .testcase { position: relative; height: 200px; margin: 10px; } | |
| .container { position: relative; width: 100px; background-color: gray; } | |
| img { position: absolute; width: 50px; height: 100%; background-color: blue; } | |
| </style> | |
| </head> | |
| <body> | |
| <p> | |
| Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=14449">http://bugs.webkit.org/show_bug.cgi?id=14449</a> | |
| REGRESSION (r14345-r14375): Absolutely positioned image does not scale to containing element's height</i>. | |
| </p> | |
| <div class="testcase"> | |
| <div class="container"> | |
| <img> | |
| <div style="height: 100px;"></div> | |
| </div> | |
| </div> | |
| <div class="testcase"> | |
| <span class="container"> | |
| <img><br><br><br><br><br> | |
| </span> | |
| </div> | |
| </body> | |
| </html> |