Kendo Grid, scrollable virtual

grid horizontal scrollbar not visible in IE8 in virtual scrolling scenarios

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div id="grid"></div>

JavaScript

var rows = [];
var columns = [];

for (var i = 0; i < 5; i++) {
    var obj = {};
    obj["id"] = i;
    for (var k = 0; k < 20; k++) {
        var col = "col" + k;
        obj[col] = k;
    }
    rows.push(obj);
}
columns.push({
    field: "id",
    title: "id",
    width: 50,
     hidden: true,
    sortable: true
});

for (var m = 0; m < 20; m++) {
    var name = "col" + m;
    columns.push({
        field: name,
        title: name,
        encoded: false,
        sortable: true,
        width: 50
    });
}
$("#grid").kendoGrid({
    dataSource: {
        pageSize: 10,
        data: rows
    },
   scrollable:true,
    sortable: {
        allowUnsort: false
    },
    columns: columns
});