<!DOCTYPE html> <html> <head> <title>Testcase: simple positioning of abspos children in -webkit-box</title> <style> .container { border: 1px solid black; width: 200px; } .box { display: -webkit-box } .inline-box { display: -webkit-inline-box } .abs { position: absolute } .a { border: 3px solid purple } .b { border: 3px solid orange } </style> </head> <body> <!-- Test abspos child in -webkit-box: --> <div class="container box"> <div class="a abs">aa</div> <div class="b">bbbb</div> </div> <div class="container box"> <div class="a">aa</div> <div class="b abs">bbbb</div> </div> <!-- Test abspos child in -webkit-inline-box: --> <div class="container inline-box"> <div class="a abs">aa</div> <div class="b">bbbb</div> </div> <div class="container inline-box" style="vertical-align: top"> <!-- XXXdholbert 'vertical-align' here is a hackaround for bug 1328792 --> <div class="a">aa</div> <div class="b abs">bbbb</div> </div> </body> </html>