<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>
function repaintTest()
{
document.getElementById("ruler").style.height = "450px";
}
</script>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest, true);">
<div id="ruler">
</body>
</html>