<html>
<head>
    <script type="text/javascript">
        if (window.testRunner)
            testRunner.waitUntilDone();
        function runTest()
        {
            document.getElementById("target").style.width = '100px';
            if (window.testRunner)
                testRunner.notifyDone();
        }
    </script>
</head>
<body onload="runTest()">
    This should be a 100&times;100px green square with a black border:
    <div style="height: 100px; -webkit-border-fit: lines; background: green; border: 2px solid black;">
        <div id="target" style="display: inline-block; width: 10px; height: 10px;"></div>
    </div>
</body>
</html>