How can I style an HTML scrollbar like the one sometimes found on google SERPs?

i was googling when i came across this.. the following image &开发者_开发技巧 never before or after that saw it...

this is a screen shot of google results in firefox

one result was scrollable with in itself...

see the scroll bar.. how can i achieve this scroll-bar...

we can have scrolling inside Divs but Firefox doesn't let CSS styling of scroll-bar & it screws the look & feel of the page...

jQuery UI can knock this out of the park. Check out their slider.

All of their widgets are ARIA-enabled and keyboard accessible, try using arrow keys and page-up/page-down on the example.

You can get this working on your website in 20 minutes. Less if you are already familiar with jQuery UI.

In webkit browsers, you can use the ::-webkit-scrollbar css selector

You will need to create your own scroll bar and div using JavaScript - currently, styling scrollbars only works in IE5.