Is there a way to hide the whole track area of a scrollbar and just keep the arrows in my iframe? Or maybe make the whole bar thinner?

You create an illusion like that by matching the bar and the track colors.

The following code will allow you to do that:


<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #HEXCODE;
scrollbar-track-color: #HEXCODE;
scrollbar-face-color: #HEXCODE;
scrollbar-highlight-color: #HEXCODE;
scrollbar-3dlight-color: #HEXCODE;
scrollbar-darkshadow-color: #HEXCODE;
scrollbar-shadow-color: #HEXCODE;
}
-->
</style>


Hope that helps you.

Thanks,
Chris :D