title: Style Table Columns at different widths using CSS
body: <p>I need to set the middle column to 100%. The css works appropriately below unless I change a column width to 100% then it removes all the widths for the other columns. Anyone know why?</p>
  
  <pre><code>.SummaryTable td:first-child
  {
      width: 150px;
  }
  .SummaryTable td:first-child + td
  {
      width: 150px; /*100% will remove other col widths*/
  }
  .SummaryTable td:first-child + td + td
  {
      width: 175%;
  }
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/qw2fZ/2/" rel="nofollow">fiddle</a></p>