#scrollbar { 
    position: absolute;
    right: 0; top: 0;
    width: 14px; height: 400px;
    font-size: 1px;
    background: url(../img/scrollbar.gif) 6px top repeat-y;
}
#track { 
    position: absolute;
    left: 0; top: 9px;
    width: 14px; height: 380px;
    cursor: pointer;
}
#dragBar {
	position: absolute;
	left: 0; top: 0;
	width: 14px; height: 3px;
	background: url(../img/dragbar.gif) left 50% no-repeat;
	cursor: pointer;
}
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
	-moz-user-select: none;
	-khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar img {
	display:block;
}