<!DOCTYPE html>
<body>
<p>All four boxes below should be green</p>
<template><div style="background-image: url(resources/greenbox.png); width: 100px; height: 100px; border: 1px solid black"></div><br></template>
<script>
var template = document.querySelector('template');
document.body.appendChild(template.content.cloneNode(true));
document.body.appendChild(document.importNode(template.content, true));

// Give templateDiv its own ElementData
var templateDiv = template.content.firstChild;
templateDiv.style.width = '99px';
templateDiv.style.width = '100px';

document.body.appendChild(template.content.cloneNode(true));
document.body.appendChild(document.importNode(template.content, true));
</script>
</body>