Kendo and nicescroll

by Newton Anbarasu

HTML

<script src="http://areaaperta.com/nicescroll/js/jquery.nicescroll.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1316/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1316/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1316/styles/kendo.silver.min.css">
<div id="panel1" >
    <h5>block element has something problem</h5>
    <br/><br/>
    <select id="size1">
        <option>S - 6 3/4"</option>
        <option>M - 7 1/4"</option>
        <option>L - 7 1/8"</option>
        <option>XL - 7 5/8"</option>
    </select>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div id="panel2" >
    <h5>block element has something problem</h5>
    <br/><br/>
    <select id="size1">
        <option>S - 6 3/4"</option>
        <option>M - 7 1/4"</option>
        <option>L - 7 1/8"</option>
        <option>XL - 7 5/8"</option>
    </select>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>

CSS

#panel1,#panel2 {
    width:300px;
    height:200px;
    padding:10px;
    margin:50px;
    border:1px solid #eee;
    display:block;
     /* display:inline-block;   */
}

JavaScript

$(document).ready(function () {

    $("#panel1").niceScroll({horizrailenabled: false});
    $("#panel2").niceScroll({horizrailenabled: false});

});