Firefox non ce l'ho, ma la logica corretta mi pare quella qui sotto.
Non ti offendi se uso i numeri al posto dei nomi, non ci capivo nulla . Ho tolto i div per semplicità, ma rimettendoli non credo cambi molto:
codice:
<table border="1" width="100%">
  <tr style="height:20%">
    <td rowspan="3" width="25%">
      1
    </td>
    <td rowspan="2" width="25%">
      2
    </td>
    <td rowspan="1" width="25%">
      3
    </td>
    <td rowspan="4" width="25%">
      4
    </td>
  </tr>
  
  <tr style="height:20%">
    <td rowspan="3" width="25%">
      7
    </td>
  </tr>

  <tr style="height:20%">
    <td rowspan="2" width="25%">
      6
    </td>
  </tr>

  <tr style="height:20%">
    <td width="25%">
      5
    </td>
  </tr>
  
  <tr style="height:20%">
    <td width="25%">&amp;nbsp;</td>
    <td width="25%">&amp;nbsp;</td>
    <td width="25%">&amp;nbsp;</td>
    <td width="25%">&amp;nbsp;</td>
  </tr>
</table>