title: Table rows become inline if rowspan is set for all the cells of the row
body: <p>Here is what I need to do.</p>
  
  <p>I'm creating a grid with widgets that are supposed to be represented in a table. Each widget has a variable width that represents the colspan of the td that contains it, and a height of 1 or 2 that is supposed to represent the rowspan of that cells.</p>
  
  <p>Everything works fine, until I'm having a case where all the cells of a row have a colspan of 2, and the next row can have any type of cells. The next row is getting displayed right next to the previous row instead of the next one.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/vjPMw/2/" rel="nofollow">jsfiddle</a> that replicates the problem and here is the code:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td rowspan = "2"&gt;ONE&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td rowspan = "1"&gt;1&lt;/td&gt;
      &lt;td rowspan = "1"&gt;2&lt;/td&gt;
      &lt;td rowspan = "1"&gt;3&lt;/td&gt;
      &lt;td rowspan = "1"&gt;4&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is this a bug? Am I doing something wrong?</p>
  
  <p>EDIT: To be clear, what I want to do, is having a row of widgets that have twice the height of a regular row</p>