title: Clear colspan in responsive table
body: <p>I have a responsive table (set at 100% width within variable div width) in which I'm trying to 'reset' the colspan so that the next table row does not inherit the fixed width <code>td</code>s.</p>
  
  <p>In my example the numbers td (1 to 7) have a fixed width of 40px which is given by the class 'position'. The next table row has two buttons, which should be 50% each. I can do this by adding the half class in the example, but this undoes the width of the 'position' class. As I have 8 tds I give the buttons each a colspan of 4, but the last button td inherits the width of the 4 'position' classes, so it's set at 160px fixed.. is it possible to clear the colspan and the fixed width of it?</p>
  
  <p>The numbers could depend (1-7) so adding a colspan with equal number of the numbers would not be a good solution.</p>
  
  <p><a href="http://jsfiddle.net/zt5W9/1/" rel="nofollow">Demo</a></p>