title: IE 9 doesn't like custom html tags
body: <p>I have sample html below. It has custom html tag which I replace with some value before sending it to browser. If I don't have any value for those tags, I do nothing. It works all fine in IE7/8/10 / FF and chrome. 
  <strong>But not in IE9</strong></p>
  
  <p>Some <code>&lt;td&gt;</code> increases or decreases its width automatically. I see that when I change the Document Mode=IE9 Standards via Web Developer Tools.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;style&gt;
          .id {width:150px;}
          .text{width:450px;}
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table id="test"&gt;
          &lt;tr&gt;&lt;td class="id"&gt;11&lt;/td&gt;&lt;td class="text"&gt;One&lt;/td&gt;&lt;/tr&gt;
           &lt;tr&gt;&lt;td class="id"&gt;22&lt;/td&gt;&lt;td class="text"&gt;Two&lt;/td&gt;&lt;/tr&gt;
           &lt;tr&gt;&lt;td&gt;33&lt;/td&gt;&lt;td class="text"&gt;Three&lt;/td &gt;&lt;/tr&gt;
          &lt;TEST/&gt;
          &lt;HELLOWORLD/&gt;
          &lt;tr&gt;&lt;td&gt;44&lt;/td&gt;&lt;td class="text"&gt;Four&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Current Fix:</strong>
  If I don't have any value, I replace it with empty string on server side before sending to client.</p>
  
  <p><strong>Question:</strong> Any idea why this happens only in IE9 or have any other better solution than what I currently have.</p>
  
  <p>Note: That is just the small version of my actual production code but it replicates the issue. In here it is reducing the width but in my production code, it is increasing the width of some <code>&lt;td&gt;</code>. JSFiddle <a href="http://jsfiddle.net/3VB2w/" rel="nofollow">here</a>.</p>