<!doctype HTML>
<style>
#child {
position: relative;
}
</style>
<div style="backface-visibility: hidden;">
<div id="target">
<div id="child"></div>
<div style="position: relative;">
<span id="myspan">gone!</span>
</div>
</div>
</div>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
function runTest() {
var content = document.createElement("span");
var div = document.createElement("div");
div.appendChild(content);
div.id = "child";
target.replaceChild(div, child);
}
onload = function() {
runAfterLayoutAndPaint(runTest, true);
};
</script>