title: Squeeze a table column to it's minimum possible width
body: <p>Throughout my website, I have many <code>&lt;table&gt;</code>s in which there is a specific column we want to have squeezed to it's minimum possible space (without having it's text wrapped). Other sibling cells share the rest of the space automatically.</p>
  <p>I'm using the following trick and it works in all browsers except IE7-. (At this time I actually only care about IE7)</p>
  <pre><code>table {width:100%;}
  table td.min-col {white-space:nowrap; width:1px; }
  </code></pre>
  <p>jsFiddle link: <a href="http://jsfiddle.net/vm8gc/23/" rel="nofollow noreferrer">http://jsfiddle.net/vm8gc/23/</a></p>
  <p>If you try this in IE7 you will notice it acts differently (not expected behavious). -- see screen capture below.</p>
  <p>Can anyone think of a fix for IE7 to achieve this?</p>
  <hr />
  <h3>Attachments:</h3>
  <p>All other browsers:</p>
  <p><img src="https://i.stack.imgur.com/LkoSH.png" alt="enter image description here" /></p>
  <p>IE7:</p>
  <p><img src="https://i.stack.imgur.com/ecxL2.png" alt="enter image description here" /></p>