<html>
<head>
<title></title>
<style>
div {
width: 40px;
height: 40px;
background: url(resources/animated.gif) top left no-repeat,
url(resources/animated2.gif) bottom right no-repeat;
}
</style>
<script src="../resources/run-after-layout-and-paint.js"></script>
<script>
function step1()
{
document.getElementById("target").style.display="none";
document.body.offsetTop;
if (window.testRunner)
testRunner.notifyDone();
}
function test()
{
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
runAfterLayoutAndPaint(step1);
}
</script>
</head>
<body onload="test()">
<p>
Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12487">http://bugs.webkit.org/show_bug.cgi?id=12487</a>
REGRESSION: Repro crash when a second background image is animated</i>.
</p>
<p>
This test should not make Safari crash.
</p>
<div id="target"></div>
</body>
</html>