<!-- Based on fast/repaint/background-size-auto-with-gradient-and-height-changes.html -->
<html>
<head>
<script src="resources/paint-invalidation-test.js"></script>

<style>
#outer {
    padding-top: 200px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1))
    );
    background-size: auto;
}

#inner {
    height: 100px;
}
</style>

<script>
// This test verifies that gradient background gets repainted properly after child box height change.
function paintInvalidationTest() {
    document.getElementById('inner').style.height = '300px';
}
</script>
</head>

<body onload='runPaintInvalidationTest();'>
<div id='outer'>
    <div id='inner'>
    </div>
</div>
</body>
</html>