| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3 <head> |  | 
|   4     <link href="resources/region-style.css" rel="stylesheet" type="text/css"/> |  | 
|   5     <style> |  | 
|   6         /* |  | 
|   7             This element should not be visible because the region's content shou
    ld paint under the |  | 
|   8             region's sibling. |  | 
|   9         */ |  | 
|  10         #content-for-region { |  | 
|  11             background-color: red; |  | 
|  12             -webkit-flow-into: flow; |  | 
|  13             width: 50px; |  | 
|  14             height: 50px; |  | 
|  15             margin-left: 50px; |  | 
|  16             margin-top: 50px; |  | 
|  17         } |  | 
|  18         #region { |  | 
|  19             background-color: gray; |  | 
|  20             -webkit-flow-from: flow; |  | 
|  21             width: 100px; |  | 
|  22             height: 100px; |  | 
|  23         } |  | 
|  24         #sibling-of-region { |  | 
|  25             background-color: green; |  | 
|  26             width: 100px; |  | 
|  27             height: 100px; |  | 
|  28             margin-top: -90px; |  | 
|  29             margin-left: 10px; |  | 
|  30         } |  | 
|  31     </style> |  | 
|  32 </head> |  | 
|  33 <body> |  | 
|  34     <div id="content-for-region"></div> |  | 
|  35     <div id="region"></div> |  | 
|  36     <div id="sibling-of-region" class="forcedStackingContext"></div> |  | 
|  37     <p>This test verifies that if a region appears before a sibling element in D
    OM order, the region's |  | 
|  38     content paints below the sibling. |  | 
|  39     This test passes if there is no red visible.</p> |  | 
|  40 </body> |  | 
|  41 </html> |  | 
| OLD | NEW |