<!DOCTYPE html>
<html>
<head>
<style>
.faux-left-border {
    display: inline-block;
    background-color: #00FF00;
    width: 32px;
    height: 128px;
}
</style>
</head>
<body>
    <!--
    The green in the image green-128x128.png may not match CSS color #00FF00 because of color reproduction
    issues (why?). Therefore we use a combination of a <div> with CSS background color #00FF00 and
    green-128x128.png instead of using only green-128x128.png so as to ensure that the reference image
    (generated from this file) matches the actual image.
    -->
    <!-- Test: -webkit-background-origin before background-origin -->
    <div class="faux-left-border"></div><img src="../resources/green-128x128.png" width="96" height="128">
    <!-- Test: background-origin before -webkit-background-origin -->
    <div class="faux-left-border" style="margin-left: 32px"></div><img src="../resources/green-128x128.png" width="96" height="128" valign="top">
</body>
</html>
