title: How can I make the size of a <td> be the same as its inner contents in IE?
body: <p>How can I make width &amp; height of a <code>&lt;td&gt;</code> the same as that of its inner contents?</p>
  
  <pre><code>&lt;table cellspacing=0 cellpadding=0&gt;
  &lt;TBODY&gt;
  &lt;TR&gt;
  &lt;TD&gt;&lt;/TD&gt;
  &lt;TD id=loginButton&gt;&lt;BUTTON class=btn&gt;&lt;SPAN&gt;Login&lt;/SPAN&gt;&lt;/BUTTON&gt;&lt;/TD&gt;
  &lt;TD id=changePasswordButton&gt;&lt;BUTTON class=btn&gt;&lt;SPAN&gt;Change Password&lt;/SPAN&gt;&lt;/BUTTON&gt;&lt;/TD&gt;
  &lt;TD id=forgotPasswordButton&gt;&lt;BUTTON class=btn&gt;&lt;SPAN&gt;Forgot Password&lt;/SPAN&gt;&lt;/BUTTON&gt;&lt;/TD&gt;&lt;/TR&gt;
  &lt;/TBODY&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In above example I would like to have size of td the same as that of buttons inside it, but in IE it is taking some extra space. Solutions without JavaScript will be appreciated.</p>