Occupying two rows plus two columns?

Question

How do I make it that the second row will occupy both two rows and two columns? Iv'e tried the following but it didn't work
<table border="2">
<tr>
<td>Red</td>
</tr>
<tr>
<td>Yellow</td>
<td colspan="2" rowspan="2">Orange</td>
</tr>
</table>

Answer 1

noam b, number of rows in an HTML table is ill-defined, but number of rows is strictly defined by number of <tr> tags in it. So if you define a cell to span more rows than there are left, there are no more rows to span, so it spans only those rows that it can span.
On the other hand, if there are enough rows under the cell, it looks like intended.

Answer 2

ok so if I put the "orange" line in the first row under the "red" line, it's gets the job done, but I still don't understand why, what's the difference?