Scrollbar track thinner than thumb

Question

I am trying to style a scrollbar using css and I want to achieve the following look (ignore the background):

In other words, I want the thumb to be thicker than

Answer 1

As far as I can tell it is not possible to achieve this particular effect with pure CSS, as scroll bar styling these days is very limited. Also FireFox wont allow custom scroll bar styles so you will have to use a plugin for cross browser styling.

The jQuery plugin below seems to have very similar styles to what you have posted and is recommended a lot. I haven't tried it myself but jQuery plugins tend to be quite simple to implement and customize to your needs.

http://manos.malihu.gr/jquery-custom-content-scroller/