third_party/WebKit/LayoutTests/fast/css/percent-top-value-with-relative-position.html

   1 <html>
   2 <head>
   3 <style>
   4 #wrap {
   5     width: 100%;
   6     height: 100%;
   7 }
   8
   9 #outside_frame {
  10     position: relative;
  11     top: 50%;
  12 }
  13 /* safari hack */
  14 html*#outside_frame {
  15     position: absolute;
  16     left: 50%;
  17     top: 50%;
  18     margin-left: -480px;
  19     margin-top: -254px;
  20     background-color: purple;
  21 }
  22 </style>
  23 </head>
  24 <body>
  25 <div id="wrap">
  26     <div id="outside_frame">This test passes if the text is rendered in the middle of the page.</div>
  27 </div>
  28 </body>
  29 </html>