div#scrollbar 
{
    display:block; /* initially display:none; to hide from incapable */
}

div#wn
{ position: relative ; 
    width:450px; height:420px;
	float:right;
	margin-right:10px;
    overflow:hidden;
	text-align:justify;
}
   
div#scrollbar
{ 
  position:relative;
  width:1px; height:590px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}
div#track 
{
	position:absolute;
	left:1px;
	top:100px;
	width:1px;
	height:445px;
	background: #feb52e;
	background-color: #999999;
}
div#dragBar 
{
  position:absolute; 
 left:0px; 
  text-align:right;
  top:1px;
  width:3px; height:10px;
  background-color: #999999;
}  
div#up 
{ position:absolute; left:0; top:100px; }  
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) */
div#scrollbar img 
{
    display:block; 
}