<!DOCTYPE html>
<html>
<body>
<script src="resources/polyfill.js"></script>
<style>
#host::-webkit-image-inner-element {
    width: 100px;
    height: 100px;
}
</style>

<div id="container">
    <div>
        <img id="host" src="../resources/apple.gif">
    </div>
</div>

<script>
if (window.internals)
    internals.settings.setAuthorShadowDOMForAnyElementEnabled(true);

function addShadowDOM(host) {
    var shadowRoot = new WebKitShadowRoot(host);
    shadowRoot.innerHTML = "(before)<shadow></shadow>(after)";
}

addShadowDOM(host);
</script>

</body>
</html>