Asp.net firefox浏览器上的剑道网格渲染错误

我正在使用剑道UI Web v2013.3.1119

我的firefox浏览器版本34.0.5

Jquery 1.9.0

我的代码剑道网格：

<script type="text/javascript">
$(document).ready(function () {
    var currentPage = 1;
    $("#grid").kendoGrid({
        dataSource: {
            transport: {
                read: function (options) {
                    $.ajax({
                        type: "POST",
                        url: "Providers/WebMethods/PartnerInquiryMethod.aspx/GetListPartnerInquiry",
                        data: "{'curPage':'" + currentPage + "'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (msg) {
                            options.success($.parseJSON(msg.d));
                            var res = $.parseJSON(msg.d);
                            GetDetailInquiry(res[0].Id);
                        }
                    });
                }
            },
            batch: true,
            pageSize: 5,
            serverPaging: true,
            schema: {
                total: function (data) {
                    return data[0].TotalCount;
                },
                model: {
                    fields: {
                        Id: { type: "int" },
                        Name: { type: "string" },
                        Email: { type: "string" },
                        Phone: { type: "string" },
                        Company: { type: "string" },
                        CreatedOn: { type: "date" }
                    }
                }
            }
        },
        pageable: {
            refresh: true,
            buttonCount: 5,
            change: function (e) {
                var res = $('#grid').data('kendoGrid').dataSource;
                e.preventDefault();
                currentPage = res.page();
                res.read();
            }
        },
        height: 280,
        autoBind: false,
        selectable: true,
        sortable: true,
        columns: [
            { field: "Id", title: "Id" },
            { field: "Name", title: "Name" },
            { field: "Email", title: "Email" },
            { field: "Phone", title: "Phone" },
            { field: "Company", title: "Company" },
            { field: "CreatedOn", title: "CreatedOn", format: "{0:MM-dd-yyyy}"}
            ]
    });
    var grid = $('#grid').data('kendoGrid');
    grid.dataSource.read();
    grid.hideColumn("Id");

});
$("#grid").click(function () {
    SetDetail();
});
function SetDetail() {
    var grid = $("#grid").data("kendoGrid");
    var selectedItem = grid.dataItem(grid.select());
    GetDetailInquiry(selectedItem.Id);
}
function GetDetailInquiry(id) {
    var detail = $.ajax({
        type: "POST",
        url: "Providers/WebMethods/PartnerInquiryMethod.aspx/GetDetailInquiry",
        data: "{'id':'" + id + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            var json = JSON.parse(data.d);
            //Bind for IE and Chrome browser
            //Bind Customer Infomation
            document.getElementById("lbEmail").innerText = json.Email;
            document.getElementById("lbName").innerText = json.Name;
            document.getElementById("lbCompany").innerText = json.Company;
            document.getElementById("lbPhone").innerText = json.Phone;
            document.getElementById("lbCountry").innerText = json.Country;

            //Bind Question Infomation
            document.getElementById("lbTitle").innerText = json.Title;
            document.getElementById("lbCreatedOn").innerText = json.CreatedOn;
            document.getElementById("lbInquiryType").innerText = json.InquiryType;
            document.getElementById("lbQuestion").innerText = json.Question;

            //Bind for firefox
            //Bind Customer Infomation
            document.getElementById("lbEmail").textContent = json.Email;
            document.getElementById("lbName").textContent = json.Name;
            document.getElementById("lbCompany").textContent = json.Company;
            document.getElementById("lbPhone").textContent = json.Phone;
            document.getElementById("lbCountry").textContent = json.Country;

            //Bind Question Infomation
            document.getElementById("lbTitle").textContent = json.Title;
            document.getElementById("lbCreatedOn").textContent = json.CreatedOn;
            document.getElementById("lbInquiryType").textContent = json.InquiryType;
            document.getElementById("lbQuestion").textContent = json.Question;
        }
    });
};

$（文档）.ready（函数（）{
var currentPage=1；
$（“#网格”）.kendoGrid({
数据源：{
运输：{
阅读：功能（选项）{
$.ajax({
类型：“POST”，
url:“Providers/WebMethods/PartnerInquiryMethod.aspx/GetListPartnerInquiry”，
数据：“{'curPage'：'”+currentPage+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（msg）{
options.success（$.parseJSON（msg.d））；
var res=$.parseJSON（msg.d）；
GetDetailInquiry（res[0].Id）；
}
});
}
},
批次：对，
页面大小：5，
对,，
模式：{
总计：功能（数据）{
返回数据[0]。TotalCount；
},
型号：{
字段：{
Id:{type:“int”}，
名称：{type:“string”}，
电子邮件：{type:“string”}，
电话：{type:“string”}，
公司：{type:“string”}，
CreatedOn:{type:“date”}
}
}
}
},
可分页：{
刷新：是的，
按钮计数：5，
更改：功能（e）{
var res=$（'#grid'）.data（'kendoGrid'）.dataSource；
e、 预防默认值（）；
currentPage=res.page（）；
res.read（）；
}
},
身高：280，
自动绑定：错误，
是的，
可排序：是的，
栏目：[
{字段：“Id”，标题：“Id”}，
{字段：“名称”，标题：“名称”}，
{字段：“电子邮件”，标题：“电子邮件”}，
{字段：“电话”，标题：“电话”}，
{字段：“公司”，标题：“公司”}，
{字段：“CreatedOn”，标题：“CreatedOn”，格式：{0:MM dd yyyy}
]
});
var grid=$（“#grid”）.data（'kendoGrid'）；
grid.dataSource.read（）；
grid.hideColumn（“Id”）；
});
$（“#网格”）。单击（函数（）{
SetDetail（）；
});
函数SetDetail（）{
var grid=$（“#grid”）.data（“kendoGrid”）；
var selectedItem=grid.dataItem（grid.select（））；
获取详细信息查询（selectedItem.Id）；
}
函数GetDetailQuery（id）{
var detail=$.ajax({
类型：“POST”，
url:“Providers/WebMethods/PartnerInquiryMethod.aspx/GetDetailInquiry”，
数据：“{id'：'”+id+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（数据）{
var json=json.parse（data.d）；
//绑定IE和Chrome浏览器
//绑定客户信息
document.getElementById（“lbEmail”）.innerText=json.Email；
document.getElementById（“lbName”）.innerText=json.Name；
document.getElementById（“lbCompany”）.innerText=json.Company；
document.getElementById（“lbPhone”）.innerText=json.Phone；
document.getElementById（“lbCountry”）.innerText=json.Country；
//绑定问题信息
document.getElementById（“lbTitle”）.innerText=json.Title；
document.getElementById（“lbCreatedOn”）.innerText=json.CreatedOn；
document.getElementById（“lbInquiryType”）.innerText=json.InquiryType；
document.getElementById（“lbQuestion”）.innerText=json.Question；
//为firefox绑定
//绑定客户信息
document.getElementById（“lbEmail”）.textContent=json.Email；
document.getElementById（“lbName”）.textContent=json.Name；
document.getElementById（“lbCompany”）.textContent=json.Company；
document.getElementById（“lbPhone”）.textContent=json.Phone；
document.getElementById（“lbCountry”）.textContent=json.Country；
//绑定问题信息
document.getElementById（“lbTitle”）.textContent=json.Title；
document.getElementById（“lbCreatedOn”）.textContent=json.CreatedOn；
document.getElementById（“lbInquiryType”）.textContent=json.InquiryType；
document.getElementById（“lbQuestion”）.textContent=json.Question；
}
});
};

它在其他浏览器上运行良好，但在firefox上，标题和列不匹配。请参见下图。有人能帮我吗

这是第一次页面加载：

当我转到第2页时，一切正常：

更新（自定义css）

k网格
{
字体大小：13px；
}
.k-grid td
{
线高：2米；
}
.style1
{
宽度：100%；
明确：两者皆有；
浮动：左；
垫底：10px；
}
.style2
{
宽度：88px；
}
人力资源
{
边框颜色：#84BF42；
边界宽度：0.5；
}
#内容查询
{
字体大小：13px；
}
#容器
{
左边距：10px；
右边距：15px；
}
标题
{
边框底色：#84BF42；
边框底部样式：实心；
边框底宽：薄；
填充顶部：10px；
}

我的容器html：

<div id="container">
<h3>
    Partner Inquiries</h3>
<div id="grid">
</div>
<div id="ContentInquiry">
    <h4 class="title">
        Customer Infomation</h4>
    <table align="left" cellspacing="1" class="style1">
        <tr>
            <td class="style2">
                <i>Email:</i>
            </td>
            <td id="lbEmail">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Name:</i>
            </td>
            <td id="lbName">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Company:</i>
            </td>
            <td id="lbCompany">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Phone:</i>
            </td>
            <td id="lbPhone">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Country:</i>
            </td>
            <td id="lbCountry">
                &nbsp;
            </td>
        </tr>
    </table>
    <h4 class="title">
        Question Infomation</h4>
    <table align="left" cellspacing="1" class="style1">
        <tr>
            <td class="style2">
                <i>Title:</i>
            </td>
            <td id="lbTitle">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Created On:</i>
            </td>
            <td id="lbCreatedOn">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Inquiry Type:</i>
            </td>
            <td id="lbInquiryType">
                &nbsp;
            </td>
        </tr>
        <tr valign="top">
            <td class="style2">
                <i>Question:</i>
            </td>
            <td id="lbQuestion">
                &nbsp;
            </td>
        </tr>
    </table>
</div>

合作伙伴查询
客户信息
电邮：
姓名：
公司：
电话：
<div id="container">
<h3>
    Partner Inquiries</h3>
<div id="grid">
</div>
<div id="ContentInquiry">
    <h4 class="title">
        Customer Infomation</h4>
    <table align="left" cellspacing="1" class="style1">
        <tr>
            <td class="style2">
                <i>Email:</i>
            </td>
            <td id="lbEmail">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Name:</i>
            </td>
            <td id="lbName">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Company:</i>
            </td>
            <td id="lbCompany">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Phone:</i>
            </td>
            <td id="lbPhone">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Country:</i>
            </td>
            <td id="lbCountry">
                &nbsp;
            </td>
        </tr>
    </table>
    <h4 class="title">
        Question Infomation</h4>
    <table align="left" cellspacing="1" class="style1">
        <tr>
            <td class="style2">
                <i>Title:</i>
            </td>
            <td id="lbTitle">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Created On:</i>
            </td>
            <td id="lbCreatedOn">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style2">
                <i>Inquiry Type:</i>
            </td>
            <td id="lbInquiryType">
                &nbsp;
            </td>
        </tr>
        <tr valign="top">
            <td class="style2">
                <i>Question:</i>
            </td>
            <td id="lbQuestion">
                &nbsp;
            </td>
        </tr>
    </table>
</div>