<html>
<head>
<title>Test for bug 62243</title>
<style type="text/css">
#ruler {
transform: translateZ(0);
border-bottom: 10px solid black;
width: 550px;
height: 500px;
}
</style>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
function repaintTest()
{
document.getElementById("ruler").style.height = "450px";
testRunner.notifyDone();
}
</script>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest);">
<div id="ruler">
</body>
</html>