[CSS Shapes] Floats with shape-outside aren't painting in the correct order
[WebKit-https.git] / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-floats-not-a-layer.html
1 <!DOCTYPE html>
2 <style>
3     .container {
4         font: 10px/1 Ahem;
5         color: green;
6     }
7     .left {
8         float: left;
9         height: 10px;
10         width: 50px;
11         background-color: red;
12         -webkit-shape-outside: rectangle(0, 0, 0, 100%);
13     }
14 </style>
15 <body>
16     You should see a green rectangle. You shouldn't see any red.
17     <div class="container">
18         <div class="left"></div>
19         XXXXX
20     </div>
21 </body>