Неправильно отображается Table с rowspan и colspan в Firefox

215

11 мая 2017, 10:31

Табличка отображается хорошо в Chrome и Opera, и совсем не так в Firefox... Как можно исправить? https://jsfiddle.net/Hamsterman/6zth1mjv/

<table> 
  <tr> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
  </tr> 
  <tr></tr> 
  <tr> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="3" rowspan="3"> 
      <img src="https://dummyimage.com/90x90"> 
    </td> 
    <td colspan="3" rowspan="3"> 
      <img src="https://dummyimage.com/90x90"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
  </tr> 
  <tr></tr> 
  <tr> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
  </tr> 
  <tr> 
    <td colspan="3" rowspan="3"> 
      <img src="https://dummyimage.com/90x90"> 
    </td> 
    <td colspan="3" rowspan="3"> 
      <img src="https://dummyimage.com/90x90"> 
    </td> 
  </tr> 
  <tr> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
  </tr> 
  <tr></tr> 
  <tr> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
    <td colspan="2" rowspan="2"> 
      <img src="https://dummyimage.com/60x60"> 
    </td> 
  </tr> 
  <tr></tr> 
</table>