Css Chrome问题：通过拖动滚动溢出-x元素

以下是win7/Chrome27/IE9/FF22中的测试

风格：

.outer{
    width : 400px;
    height: 400px;
    overflow: hidden;
    overflow-x : hidden;
    overflow-y : auto;
}

.inner{
    border-left:400px solid red;
    border-right: 400px solid green;
    height: 600px;
    text-align: center;
    line-height: 400px;
}
</style>

.outer{
宽度：400px；
高度：400px；
溢出：隐藏；
溢出x：隐藏；
溢出y：自动；
}
.内部{
左边框：400px实心红色；
右边框：400px纯绿；
高度：600px；
文本对齐：居中；
线高：400px；
}

html:

在IE/FF中只能看到左侧的红色部分

但在Chrome中，内部元素可能被拖到右侧。这是Chrome的问题吗？如何避免呢

正常（ie/ff）：

非正常（铬）：

---

jsfiddle:

添加溢出：y；为了你的内心世界

.inner{
    border-left:400px solid red;
    border-right: 400px solid green;
    height: 600px;
    text-align: center;
    line-height: 400px;
    overflow:y;
}

---

不再使用单击和拖动滚动

你使用的是什么版本的Chrome？@AndréDion 27.0.1453.116 mYour fiddle没有为我重现在Mac OS X（10.7）中运行的Chrome 27.0.1453.116中的错误@AndréDion它发生在win7Chrome 29.0.1547.0中，win7显示为红色。是否可能有附加组件正在更改样式？或者在Chrome版本之间进行固定。

.inner{
    border-left:400px solid red;
    border-right: 400px solid green;
    height: 600px;
    text-align: center;
    line-height: 400px;
    overflow:y;
}