title: HTML/CSS Table height ignored in Internet Explorer
body: <p>I'm adding a new 'News Container' to a slightly older webpage at our firm.
  This container is made up of a 2x3 table. I want the Cell 2x2 to be as High as the Text.</p>
  
  <p>Here's the Problem:<br>
  Everybody uses IE in our offices (Security reasons etc.) but for some reason IE ignores the height attribute given either directly in HTML (style="height:;" or height="") or in a separate CSS.
  So in Chrome it looks like this (how it should):</p>
  
  <pre><code>╔════════════════╗
  ╠══╦═════════════╣
  ║  ║Test String  ║
  ║  ╠═════════════╣
  ╚══╩═════════════╝
  </code></pre>
  
  <p>And in Internet Explorer like this:</p>
  
  <pre><code>╔════════════════╗
  ╠══╦═════════════╣
  ║  ║Test String  ║
  ║  ║             ║
  ║  ╠═════════════╣
  ╚══╩═════════════╝
  </code></pre>
  
  <p>Picture: <a href="http://imgur.com/a/jQXhQ" rel="nofollow">http://imgur.com/a/jQXhQ</a></p>
  
  <p>View it yourself (Open in both Chrome and IE) <a href="http://jsfiddle.net/razuliserm/UzCRc/22/" rel="nofollow">here.</a></p>
  
  <p>How can I get IE to use the Height attribute or alternatively is there a different way?<br>
  IE Version: 11.0.9600.17358<br>
  Update: 11.0.13</p>
  
  <p>Code: </p>
  
  <pre><code>&lt;table id="NewsTable"&gt;
  &lt;tr&gt;
      &lt;th id="NewsHeader" colspan="2"&gt;IT Status&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan="2"&gt;
          &lt;img id="NewsAmpel" alt="NewsStatus" src="Ampel/AmpelA.jpg" width="36px" height="100px"&gt;
      &lt;/td&gt;
      &lt;td id="NewsStatus"&gt;&lt;b&gt;Status:&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&lt;/b&gt;Test String&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td id="NewsDesc"&gt;&lt;b&gt;Description:&amp;emsp;&lt;/b&gt;Sample Text&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>