How can I scroll a div without showing a scroll?

Question

I have the following css, but scrollbars are visible. how can i make them invisible (scrollable div without scrollbars)?

.myDiv { height:300px; overflow: scroll; } 

Answer 1

 .myDiv { width: 200px; height:300px; overflow: scroll; } .wrapper { width: 183px; height: 283px; overflow: hidden; border: 1px solid black; } <div class="wrapper"> <div class="myDiv"> floating div content... </div> </div> 

This might work - basically you place a smaller div around the one you want and hide the scroll bars.