title: Fixed header with floatThead not resizing after browser shrink
body: <p>When using the <a href="https://github.com/mkoryak/floatThead" rel="nofollow">floatThead plugin</a> everything is looking good except when I use the browser's "Maximize/Restore Down" button. When I maximize, it looks good; however when I "restore down" the table doesn't scale to the correct size and the last column is partially hidden. THEN if you click and drag the browser just slightly, the table will adjust to the proper size.</p>
  
  <p><a href="http://jsfiddle.net/barryman9000/DxX2T/7/" rel="nofollow">Here's a fiddle that shows this behavior</a>. I'm seeing this behavior in IE10, Chrome and FireFox.</p>
  
  <pre><code>var $table = $('.myTable');
  $table.floatThead({
      //debounceResizeMs: 300,
      scrollContainer: function ($table) {
          return $table.closest('.wrapper');
      }
  });
  </code></pre>
  
  <p>I tried setting the <code>debounceResizeMs</code> property to <strike>slow</strike> delay the resize a bit, but that didn't resolve this issue. <a href="https://github.com/mkoryak/floatThead/issues/57" rel="nofollow">I know the plugin's developer is aware of the issue</a>, but this seems like a popular plugin, so I'm guessing someone else has encountered this problem and hopefully found a resolution because I'm out of ideas.</p>
  
  <p>Thanks</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>This behavior appears to be isolated to Windows machines. The floatThead developer is working on a fix. For Mac users, here's what I'm seeing on Windows 7 using Chrome</p>
  
  <p><a href="http://www.youtube.com/watch?v=BWoHkwcHc64" rel="nofollow">http://www.youtube.com/watch?v=BWoHkwcHc64</a></p>