can't hide scrollbar when using overflow: auto

css, html

Solution

Create an inner div: 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;
}

Problem

I have this CSS: ``` .div { background-color: red; position: relative; height: 414px; overflow: auto; width: 902px; margin: 0px auto; } ``` I tried with `overflow-y: hidden;`, scrollbar disappear but scroll isn't working. Hope you understand what I want... Also, should I use auto or scroll? With auto I see horizontal bar too. Here is JSFiddle: http://jsfiddle.net/sp95S/ Thanks!

Original source

Related problems