<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<style>
.imageWrapper
{
position: relative;
display: inline-block;
width: 700px;
}
#shiftMe
{
position: absolute;
top: 0px;
left: 0px;
width: 1500px;
}
</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
shiftMe.style.left = "-250px";
}
</script>
</head>
<body onload="runRepaintAndPixelTest();">
<div>This test checks that shifting an abspos container will properly repaint its descendants.</div>
<div>The images below should be correctly repainted.</div>
<div id="shiftMe">
<div class="imageWrapper">
<img src="../resources/apple.jpg">
</div>
<div class="imageWrapper">
<img src="../resources/apple.jpg">
</div>
</div>
</body>
</html>