header/body column widths not in sync with dataTables 1.10 and bootstrap 2.3.2 and fixedColumns v2.5-dev

HTML

<script src="http://staging.eteamups.com/public/dataTables/js/jquery.dataTables.js"></script>
<div style="width:900px; height:350px; border: 1px solid black">
<table id="resolved_table" class="table table-striped table-bordered" style="clear:both; width:100%; height:340px">
    <thead>
        <tr>
            <th>Contract Between</th>
            <th>Resolved On</th>
            <th>Resolved For</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>ms3sTmQHEAguj5Pyzcxckb4iPTX4eeGAU7 and mkzbv6wyH3pVoJ2Svq4o3PfbmKDCKGN8zk</td>
            <td>last_broadcast.timestamp|timec</td>
            <td>bet|rewardWinner |safe</td>
        </tr>
        <tr>
            <td>ms3sTmQHEAguj5Pyzcxckb4iPTX4eeGAU7 and mkzbv6wyH3pVoJ2Svq4o3PfbmKDCKGN8zk</td>
            <td>last_broadcast.timestamp|timec</td>
            <td>bet|rewardWinner |safe</td>
        </tr>
        <tr>
            <td>ms3sTmQHEAguj5Pyzcxckb4iPTX4eeGAU7 and mkzbv6wyH3pVoJ2Svq4o3PfbmKDCKGN8zk</td>
            <td>last_broadcast.timestamp|timec</td>
            <td>bet|rewardWinner |safe</td>
        </tr>
        <tr>
            <td>ms3sTmQHEAguj5Pyzcxckb4iPTX4eeGAU7 and mkzbv6wyH3pVoJ2Svq4o3PfbmKDCKGN8zk</td>
            <td>last_broadcast.timestamp|timec</td>
            <td>bet|rewardWinner |safe</td>
        </tr>
        <tr>
            <td>ms3sTmQHEAguj5Pyzcxckb4iPTX4eeGAU7 and mkzbv6wyH3pVoJ2Svq4o3PfbmKDCKGN8zk</td>
            <td>last_broadcast.timestamp|timec</td>
            <td>bet|rewardWinner |safe</td>
        </tr>
    </tbody>
    </table></div>

CSS

table, th, td {
   border: 1px solid black;
}

JavaScript

var my_table = $('#resolved_table').DataTable({
			    "paginate": false,
			        "scrollCollapse": true,
			        "scrollY": "200px",
			});