i have a site with a listing of products displayed in a scrolling div see here:

I want the blue arrows beside the scroll box to controll the scrollbar at the bottom. I want the scroll bar to remain visible and functional but when the arrows are clicked or cursored over, the scroll handle would move across the scroll bar and the contents would move.

there is an explanation of how to do something like what I want at this site:

however, this is a vertical scroller not horizontal, and i also just couldn't get it to work to begin with.

i am open to solutions involving css, js, html, or cf. flash is not an option for this website.

any help would be greatly appreciated.

thank you!