title: Header columns misaligned with DataTable when scrollX is enabled
body: <p>I have a problem that is recurrent with this plugin.</p>
  <p>When scrollX option is enabled, the header columns are misaligned. I tried many solutions read on stackoverflow, but I didn't have success.</p>
  <p>Maybe, is it a problem of the plugin version?</p>
  <p>However, this are my dataTable settings:</p>
  <pre><code> var oTable = $('#table').dataTable({
          &quot;bJQueryUI&quot;: true,
          &quot;aaData&quot;: jsonList,
          &quot;bPaginate&quot;: true,
          &quot;scrollX&quot;: true,
          &quot;scrollCollapse&quot; : true,
          &quot;bLengthChange&quot; : true,
          &quot;bAutoWidth&quot; : true,
          &quot;oLanguage&quot; : IT,
          &quot;aoColumns&quot;: [
              { &quot;mDataProp&quot;: &quot;name&quot;, &quot;sClass&quot;: &quot;alignCenter&quot; }, 
              { &quot;mDataProp&quot;: &quot;surname&quot;, &quot;sClass&quot;: &quot;alignCenter&quot; }, 
              { &quot;mDataProp&quot;: &quot;age&quot;, &quot;sClass&quot;: &quot;alignCenter&quot; },
              { &quot;mDataProp&quot;: &quot;city&quot;, &quot;sClass&quot;: &quot;alignCenter&quot; }, 
              { &quot;mDataProp&quot;: &quot;state&quot;, &quot;sClass&quot;: &quot;alignCenter&quot; }, 
              { &quot;mDataProp&quot;: &quot;work&quot;, &quot;sClass&quot;: &quot;alignCenter&quot; },                 
          ],
          &quot;aaSorting&quot;: [[1, 'asc']],
          &quot;fnDrawCallback&quot;: function () {         
              formatTable();
          }
  </code></pre>
  <p>Style of my table:</p>
  <pre><code>class=&quot;display&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;
  </code></pre>
  <p>Version of libraries:</p>
  <blockquote>
  <p>jquery-1.11.1.min.js -
  DataTables 1.10.3</p>
  </blockquote>