使用溢出时无法隐藏滚动条：auto

我有这个CSS：

.div {
    background-color: red;
    position: relative;
    height: 414px;
    overflow: auto;
    width: 902px;
    margin: 0px auto;
}

我尝试过overflow-y: hidden;，滚动条消失但滚动不起作用。希望你明白我想要什么... 另外，我应该使用自动还是滚动？使用 auto 我也看到水平条。

这是 JSFiddle：http://jsfiddle.net/sp95S/ http://jsfiddle.net/sp95S/
Thanks!

创建一个内部 div：http://jsfiddle.net/sp95S/1/ http://jsfiddle.net/sp95S/1/

.div {
    background-color: red;
    position: relative;
    height: 214px;
    overflow: hidden;
    width: 452px;
    margin: 0px auto;
}
#inner{
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 15px;
}