<div class="scrollBox">
    <div id="pane" class="scroll-pane">
    <div class="jScrollPaneContainer">
    <div class="jScrollPaneDrag">
    <div class="jScrollPaneDragTop">
    <div class="jScrollPaneDragBottom">
    <div class="jScrollArrowUp">

пункт меню<br>
пункт меню<br>
пункт меню<br>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<link rel="stylesheet" type="text/css" href="{THEME}/css/jScrollPane.css" />

     <script type="text/javascript">
        jQuery(function() {
            jQuery('.scroll-pane').jScrollPane({scrollbarWidth:18, showArrows:true});
        });
    </script>

.scroll-pane {
    width: 190px; /* Ширина видимой области*/
    height: 410px; /* Высота видимой области*/
    overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
}

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Трек - полоса по которой бегает ползунок */
.jScrollPaneTrack {
    height: 100%;
}

/* Средняя часть ползунка (резиновая, т.к. ползунок меняет высоту в зависимости от количества содержимого) */
.jScrollPaneDrag {
    background: url(../images/scrollDrag.gif) repeat-y; /* задаем фоновую картинку или просто цвет фона */
    overflow: hidden;
    left:1px;
}
/* верхушка ползунка (можно задать height:0, если ползунок не имеет выраженной верхушки) */
.jScrollPaneDragTop {
    overflow: hidden;
    background: url(../images/scrollDragTop.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* низ ползунка (можно задать height:0, если ползунок не имеет выраженного низа) */
.jScrollPaneDragBottom {
    overflow: hidden;
    background: url(../images/scrollDragBot.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* стрелка вверх (правило можно исключить, если скролл по дизайну без стрелок) */
a.jScrollArrowUp {
    display: block;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 18px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(../images/arrow_up.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* стрелка ввниз (правило можно исключить, если скролл по дизайну без стрелок)*/
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 18px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(../images/arrow_down.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}