<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html40/strict.dtd">
<!-- vim:sw=4:et:ts=4
  -->
<html lang="en-US">
<head>
    <title>z-index testcase: content should be painted in document order (position: relative)</title>
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="copyright" href="/~dbaron/legal.html">
    <style type="text/css">

    div {
        height: 100px;
        width: 100px;
        margin: 0;
        border: none;
        padding: 0;
        position: relative;
    }

    div#one {
        background: red;
    }

    div#two {
        background: green;
        -webkit-margin-before: -100px;
    }

    body { -webkit-writing-mode: vertical-lr }
    </style>
</head>
<body>

<div id="one"></div>
<div id="two"></div>

</body>
</html>