<html>
<head id="b">
  <style id="a" type="text/css" media="screen">
    #box {
      -webkit-animation-duration: 2s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-name: anim;
      background-color: blue;
      width: 100px;
      height: 100px;
    }
    @-webkit-keyframes anim {
        from { -webkit-transform: rotate(0) scale(1,1); }
        to   { -webkit-transform: rotate(360deg) scale(2,4); }
    }
  </style>
</head>
<body>
<div id="box">
</div>
<p>This should not crash</p>
</body>
</html>

<script>

var element;

function crash() {
    // trigger style processing
    document.alinkColor = "aaa";
    // now remove the body and insert it in a different location
    element = document.body;
    element.parentNode.removeChild(element);
    document.getElementById("a").parentNode.insertBefore(element, document.getElementById("a").nextSibling);
    setTimeout(cleanup, 0);
}

function cleanup() {
  document.getElementById("b").parentNode.insertBefore(element, document.getElementById("b").nextSibling);
  
  if (window.testRunner)
      testRunner.notifyDone();
}

if (window.testRunner) {
    testRunner.dumpAsText();
    testRunner.waitUntilDone();
}

crash();
</script>