Clone of table header doesn't inherit width when table is bigger than the window
<p>I am using this script to make my table headers stick to the top of the page when scrolling through the table:
<a href="http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html" rel="nofollow">http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html</a></p>

<p>The problem is, when the table exceeds the window size, the table headers are still crammed in to 100% of the screen width. Then the headers don't line up with the cells they represent.
This can be seen in this fiddle:</p>

<p><a href="http://jsfiddle.net/UDNNr/" rel="nofollow">http://jsfiddle.net/UDNNr/</a></p>
