LayoutTests/fast/replaced/absolute-position-percentage-width.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2
   3 <html>
   4 <head>
   5  <title>Percentage width of absolute-positioned replaced elements</title>
   6   <style type="text/css">
   7    .box img {
   8    height: 100%;
   9    left: 0px;
  10    position: absolute;
  11    top: 0px;
  12    width: 100%;
  13    z-index: 0;
  14    }
  15    .box {
  16    background-color: red;
  17    border: solid black 2px;
  18    position: relative;
  19    padding: 5px;
  20    width: 300px;
  21    }
  22    .box * {
  23    position: relative;
  24    text-align: center;
  25    z-index: 1;
  26    }
  27    </style>
  28    <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property - <percentage> value">
  29 </head>
  30 <body>
  31 <div class="box">
  32   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeNpiZPjPgAyYGBgo4gMEGABPkgEJUvO9mgAAAABJRU5ErkJggg==">
  33   <p>There should be no red on this page</p>
  34 </div>
  35 </body>
  36 </html>