<!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
<html>
<head>
<script type="text/javascript">
    function runTest() {
        document.getElementById("container").scrollLeft = -500;
    }
</script>
<style>
#container {
    direction: rtl;
    overflow: scroll;
    width: 300px;
    height: 300px;
}
#overflow {
    width: 1000px;
    height: 1000px;
    background-color: red;
}
#inner {
    margin-left: 200px;
    margin-right: 500px;
    width: 300px;
    height: 1000px;
    background-color: green;
}
</style>
</head>
<body onload="runTest();">
<div id="container">
<div id="overflow">
<div id="inner">
</div>
</div>
</div>
</body>
</html>