<!DOCTYPE html>

<html>
<body>

<script src="resources/polyfill.js"></script>

<div id="host">
    <div id="selected">A</div>
    <div>B</div>
    <div>C</div>
    <div>D</div>
    <div>E</div>
    <div id="F">F</div>
</div>

<script>
if (window.testRunner)
    testRunner.waitUntilDone();

var shadowRoot = host.webkitCreateShadowRoot();
shadowRoot.innerHTML = '<content select="#selected"></content>';

setTimeout(function() {
    A = selected;
    F.id = 'selected';    
    A.id = '';
    if (window.testRunner)
        testRunner.notifyDone();
}, 0);
</script>
</html>