title: Table expanding and different browsers
body: <p>I have a problem with a table. 
  The following JSFiddle will show, what happens. You need to open it with Chrome and with IE to
  see the differences.</p>
  
  <p><a href="http://jsfiddle.net/HZBQU/6/" rel="nofollow noreferrer">JSFiddle open with IE and with Chrome</a></p>
  
  <p>the code in JSFiddle is the following for the body of my HTML</p>
  
  <pre><code>    &lt;table border="1"&gt;
         &lt;tr&gt;
          &lt;th&gt;data&lt;/th&gt;
          &lt;th&gt;test&lt;/th&gt;
          &lt;th class="hidden"&gt;nothing&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="empty hidden"&gt;&lt;/td&gt;
          &lt;td class="empty hidden"&gt;&lt;/td&gt;
          &lt;td class="" style="width:20px;"  rowspan="5"&gt;extreeee eeeeeeeeeeeeeeeeeeoooooooooo oooooooomlyyyyyyyyyyyyy looooooo oooooo oooooooonggg gggggggggggggg extreeee eeeeeeeeeeeeeeeeeeoooooooooo oooooooomlyyyyyyyyyyyyy looooooo oooooo oooooooonggg gggggggggggggg extreeee eeeeeeeeeeeeeeeeeeoooooooooo oooooooomlyyyyyyyyyyyyy looooooo oooooo oooooooonggg gggggggggggggg&lt;/td&gt;
        &lt;/tr&gt; 
        &lt;tr&gt;
          &lt;td&gt;dat&lt;/td&gt;
          &lt;td&gt;test&lt;/td&gt; 
          &lt;td class="empty hidden"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;dat2&lt;/td&gt;
          &lt;td&gt;test&lt;/td&gt;
          &lt;td class="empty hidden"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;dat3&lt;/td&gt;
          &lt;td&gt;test&lt;/td&gt;
          &lt;td class="empty hidden"&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Where the css code is the following:</p>
  
  <pre><code>.hidden{
  visibility: hidden;
  
  }
  
  .empty{
      line-height:0;
  }
  </code></pre>
  
  <p>The "extremely long" table data would represent data shown to the user, where the other table datas are just table datas ;)</p>
  
  <p>What I want to happen:</p>
  
  <p>I want the table to be represented in the Internet Explorer like it represents itself in chrome right now. The table data heights change in IE, but in Chrome they are fixed and the Table itself expands because of the long data.</p>
  
  <p>I thought the rowspan command would help here, but I think I am missing some css commands.</p>
  
  <p>Update:</p>
  
  <p>To see what the tables look like, I made screenshots.</p>
  
  <p>Chrome and how I want it to look like in every browser:</p>
  
  <p><img src="https://i.stack.imgur.com/DsLmd.png" alt="Chrome Picture"></p>
  
  <p>IE9 (but it also looks like this in IE11):</p>
  
  <p><img src="https://i.stack.imgur.com/0ncVI.png" alt="IE Picture"></p>
  
  <p>Update2:</p>
  
  <p>for those who want to have a table which has the same number of table data in every table row, I updated the code and the fiddle. Same behaviour.</p>