<html>
  <script>
    if (window.testRunner)
        window.testRunner.dumpAsText();

    function doTest() {
        var box1 = document.getElementById('box1');
        var box2 = document.getElementById('box2');
        if (box1.clientWidth == box2.clientWidth)
            document.body.innerHTML += 'PASS';
        else
            document.body.innerHTML += 'FAIL';
    }
  </script>
<body onload="doTest()">
<p>
'max-width: none' should have no effect because it is the initial state. The test succeeds if the following two blocks are rendered in the same way.
</p>

<div style="width:400px; border: 3px solid red">
  <div id="box1" style="width:800px; max-width:none; height:30px; border: 3px solid green">
  </div>
</div>

<div style="width:400px; border: 3px solid red">
  <div id="box2" style="width:800px; height:30px; border: 3px solid green">
  </div>
</div>

</body>
</html>
