div.scrollholder { position: relative; width: 680px; height: 330px; overflow: auto; z-index: 1; background-color: #ffffff; } div.scroll { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; } /* */ div.track { position: relative; float:right; top: 0; width: 16px; height: 100%; font-size: 0; z-index: 3; background: #fafafa url(../images/bg_scrolltrack.png) repeat; } div.drag_bar { position: absolute; width: 100%; height: 60px; cursor: pointer; z-index: 4; background: #d7d7d7 url(../images/bg_scrollbar.png) repeat-y; } /* css scroll for news press*/ div.scrollholder2 { position: relative; width: 680px; height: 330px; overflow: auto; z-index: 1; background-color: #ffffff; } div.scroll2 { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; } /* */ div.track2 { position: relative; float:right; top: 0; width: 16px; height: 100%; font-size: 0; z-index: 3; background: #fafafa url(../images/bg_scrolltrack.png) repeat; } div.drag_bar2 { position: absolute; width: 100%; height: 60px; cursor: pointer; z-index: 4; background: #d7d7d7 url(../images/bg_scrollbar.png) repeat-y; } /* css scroll for news press*/ div.scrollholder3 { position: relative; width: 680px; height: 330px; overflow: auto; z-index: 1; background-color: #ffffff; } div.scroll3 { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; } /* */ div.track3 { position: relative; float:right; top: 0; width: 16px; height: 100%; font-size: 0; z-index: 3; background: #fafafa url(../images/bg_scrolltrack.png) repeat; } div.drag_bar3 { position: absolute; width: 100%; height: 60px; cursor: pointer; z-index: 4; background: #d7d7d7 url(../images/bg_scrollbar.png) repeat-y; }