/* NOTE: width and height for div#wn also specified in head of demo */
div#container	{
    position:relative; /* scroll area div must be positioned */
    width:960px; height:524px; /* width and height required. adjust to suit */
    overflow:hidden; /* required! */
	}
div#scrollbar { 
    position:relative;
    width:960px; height:10px;
	visibility:visible !important;
    font-size:1px; /* or dragBar will overflow track in ie */
  }
div#scrollbar .left { 
    position:absolute; 
    left:0; top:0;
    width:10px; height:10px; /* specify width and height of your image */
    background-image:url('images/left.png');
    background-repeat: no-repeat;
    }
div#scrollbar .right { 
    position:absolute; 
    right:0; top:0;
    width:10px; height:10px; /* specify width and height of your image */
    background-image:url('images/right.png');
    background-repeat: no-repeat;
    }
div#scrollbar .track { 
    position:absolute; /* track must be positioned */
    top:0;
    left:11px; /* equal to width of .left image + optional gap */
    width:938px; /* width of scrollbar minus 2 X image width minus 2 X gap between */
    height:10px; 
    background-color:#ffffff;
  }
div#scrollbar .dragBar {
    position:absolute; /* dragBar must be positioned */
    left:1px; top:1px; /* for small gap between track and dragBar */
    height:8px;
    width:20px !important; /* code auto-sizes */
    /* width:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    background-color:#666666;
  }  
/* for clutzy draggers */
div#scrollbar {
    -moz-user-select: none;
    -khtml-user-select: none;
    }