css hidden scrollbars

Creating a scrolling area with the scrollbars hidden is quite easy using an extra container around your scrollbar

here is my jsFiddle example

<b>html</b>

<div class="parent">   
    <div class="child">
        content...
    </div>    
<div>

<b>css</b>

.parent{
    height: 300px;
    border: 2px solid red;
    width: 300px;
    overflow: hidden;
}

.child{
    background-color: #4679bd;
    color: white;
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 18px;
}