使用溢出时无法隐藏滚动条:自动

我有这个CSS:

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

我试过overflow-y: hidden;,滚动条消失但滚动不起作用.希望你明白我的意思......另外,我应该使用自动还是滚动？有了自动,我也看到了水平条.

这是JSFiddle:http://jsfiddle.net/sp95S/
谢谢!