.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; left: -10px; top: 0; height: 100%; background: #e5e5e5; margin:10px } .jScrollPaneDrag { position: absolute; background: #1CB6DC; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; right: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; right: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; left: 0; text-indent: -2000px; overflow: hidden;  height: 9px; } a.jScrollArrowUp:hover {  } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; text-indent: -2000px; overflow: hidden;  height: 9px; } a.jScrollArrowDown:hover {  } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {  }   a.jScrollArrowUp { background: url(../images/icon-h3-close.gif) repeat-x 0 0; } a.jScrollArrowUp:hover { background-position: 0 -15px; } a.jScrollArrowDown { background: url(../images/icon-h3-open.gif) repeat-x 0 0; } a.jScrollArrowDown:hover { background-position: 0 -15px; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; } .orange-bar .jScrollPaneTrack { background: #f60; } .orange-bar .jScrollPaneDrag { background: #00f url(../images/drag_grab.html) no-repeat 50% 50%; } .orange-bar .scroll-pane { background: #69f; } .holder { float: right; height:330px !important; } .scroll-pane { width: 260px; padding-left:10px; height: 200px; overflow: auto; float: right; } .wide { width: 400px; } .super-wide { width: 700px; } .tall { height: 400px; } #pane1 { } #pane2 { height: 316px; } #pane3 { height: 190px; } #pane4 { height: 190px; }