<!doctype html>
<html>
<head>
<!-- Test passes when a green rectangle is displayed.
These are all drawing cases that can be optimized by occlusion culling
The fix for bug 102557 optimizes cases 1, 2, 3, 6, 7, and 8-->
<style type="text/css" media="screen">
    .redBack {
        width:20px;
        height:100px;
        display:block;
        background-repeat: repeat;
        background-color: red;
        background-position:0px 0px, 0px 0px;
        float: left;
    }
</style>
</head>
<body>
<div>
    <div id="case_1" class="redBack" style="background-image: url(../../http/tests/multipart/resources/green-100x100.png)"></div>
    <div id="case_2" class="redBack" style="background-image: -webkit-linear-gradient(top, green, green)"></div>
    <div id="case_3" class="redBack" style="background-image: -webkit-cross-fade(url(../../http/tests/multipart/resources/green-100x100.png), url(../../http/tests/multipart/resources/green-100x100.png), 50%)"></div>
    <div id="case_4" class="redBack" style="background-repeat: no-repeat; background-image: url(../../http/tests/multipart/resources/green-100x100.png)"></div>
    <div id="case_5" class="redBack" style="background-repeat: repeat-x; background-image: url(../../http/tests/multipart/resources/green-100x100.png)"></div>
    <div id="case_6" class="redBack" style="background-image: url(../../http/tests/multipart/resources/green-100x100.png),url(resources/64x32-red.png)"></div>
    <div id="case_7" class="redBack" style="background-image: -webkit-linear-gradient(top, green, green),url(resources/64x32-red.png)"></div>
    <div id="case_8" class="redBack" style="background-image: -webkit-cross-fade(url(../../http/tests/multipart/resources/green-100x100.png),url(../../http/tests/multipart/resources/green-100x100.png), 50%),url(resources/64x32-red.png)"></div>
    <div id="case_9" class="redBack" style="background-repeat: no-repeat; background-image: url(../../http/tests/multipart/resources/green-100x100.png),url(resources/64x32-red.png)"></div>
    <div id="case_10" class="redBack" style="background-repeat: repeat-x; background-image: url(../../http/tests/multipart/resources/green-100x100.png),url(resources/64x32-red.png)"></div>
</div>
</body>
</html>
