Datatables Not Aadjusted Header

Header is not adjusted in FF & IE

by protasovams

HTML

<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<script src="//cdn.datatables.net/fixedcolumns/3.0.1/js/dataTables.fixedColumns.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/fixedcolumns/3.0.1/css/dataTables.fixedColumns.css">
<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<body id="dt_example">
    	<h1>Live example</h1>

    <div id="example_div">
        <table id="example">
            <thead>
                <tr>
                    <th class="xl31">LFM</th>
                    <th class="xl31">Position</th>
                    <th class="xl31">Department</th>
                    <th class="xl31">Division code</th>
                    <th class="xl31">Division</th>
                    <th class="xl31">Checking date</th>
                    <th class="xl31">Na fasade No postoronnih predmetov, neaktual'nyh plakatov, pyl'noj ili oformlennoj ne po instrukcii jekspozicii, pri nalichii problem s naruzhnoj reklamoj est' zajavka v Itil.</th>
                    <th class="xl31">Na fasade No postoronnih predmetov, neaktual'nyh plakatov, pyl'noj ili oformlennoj ne po instrukcii jekspozicii, pri nalichii problem s naruzhnoj reklamoj est' zajavka v Itil.</th>
                    <th class="xl31">Na fasade No postoronnih predmetov, neaktual'nyh plakatov, pyl'noj ili oformlennoj ne po instrukcii jekspozicii, pri nalichii problem s naruzhnoj reklamoj est' zajavka v Itil.</th>
                    <th class="xl31">Na rabochih mestah podderzhivaetsja porjadok.</th>
                    <th class="xl31">Na rabochih mestah podderzhivaetsja porjadok.</th>
                    <th class="xl31">Na rabochih mestah podderzhivaetsja porjadok.</th>
                    <th class="xl31">Porjadok v mestah priema pishhi.</th>
                    <th class="xl31">Porjadok v mestah priema pishhi.</th>
                    <th class="xl31">Porjadok v mestah priema pishhi.</th>
                    <th...

CSS

#example_div td, #example_div th {
    padding: 5px;
    border: 1px solid #000;
}

JavaScript

$(document).ready(function () {
    var oTable = $('#example').DataTable({
        "scrollY": "300px",
            "scrollX": "100%",
            "scrollCollapse": true,
            "paging": false
    });
});