niceScroll генерирует полосы прокрутки вниз от вершины целевого элемента

Question

Я пытаюсь использовать niceScroll в первый раз и обнаружил полосы прокрутки далеко вниз от вершины целевого тега div почти на 30 пикселей. Вертикальные и горизонтальные столбцы рассчитаны неправильно. Я использую его,

<div style=" height: 350px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;" id="divctcontent">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div style="width: 100%; background-color: rgb(240,240,240); border-top: 1px solid #ccc;">
                <asp:HyperLink ID="ButtonManageChapters" runat="server" Text="Edit Chapters" Font-Size="X-Small"></asp:HyperLink>
            </div>
            <asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged" CssClass="stylo" Font-Size="12px" ExpandDepth="0">
                <SelectedNodeStyle BackColor="#DDDDDD" />
            </asp:TreeView>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" />
        </Triggers>
    </asp:UpdatePanel>
</div>