<html>
<head>
<style>
body {
    margin: 0;
}
.container {
    width: 100%;
    height: 100%;
    background-image:
          linear-gradient(blue, blue 10px, green 10px, green 490px, black 490px, black)
        , linear-gradient(blue, blue 10px, green 10px, green 490px, black 490px, black)
        , linear-gradient(blue, blue 10px, green 10px, green 490px, black 490px, black);
    background-size: 200px 500px;
    background-position: left bottom, 200px center, 400px top;
    background-repeat: no-repeat;
}
</style>
<script>
function runTest() {
    if (window.internals)
        window.internals.setTopContentInset(100);
}
window.addEventListener('load', runTest, false);
</script>
</head>
<body>
    <div class="container"></div>
</body>
</html>