<html>
    <head>
        <title>Property is declared twice in rule</title>
        <style type="text/css">
            div
            {
                color: red;
                color: green !important;
                color: yellow;
                width: 1px;
                width: 2px !important;
                width: 3px !important;
            }
        </style>
    <script>
    if (window.testRunner)
        window.testRunner.dumpAsText();
    </script>
    </head>
    <body>
        <div>This text should be green and the page should have no other style.</div>
        <div id="testresult">Fail</div>
        <script type="text/javascript">
            if(document.styleSheets[0].cssRules[0].style.length == 2 &&
               document.styleSheets[0].cssRules[0].style.getPropertyValue("color") == "green" &&
               document.styleSheets[0].cssRules[0].style.getPropertyPriority("color") == "important" &&
               document.styleSheets[0].cssRules[0].style.getPropertyValue("width") == "3px" &&
               document.styleSheets[0].cssRules[0].style.getPropertyPriority("width") == "important")
            {
                document.getElementById("testresult").innerHTML = "Pass";
            }
        </script>
    </body>
</html>