Проблемы со смещенными ячейками объединенной таблицы

Question

Я пытаюсь создать макет таблицы следующим образом:

A  B
C  B
C  D

В псевдокоде:

<tr><td id='A'/><td id='B' rowspan=2/></tr>
<tr><td id='C' rowspan=2/><td id='D'/></tr>

Однако этот код отображает ячейку «D» в виде клетки-призрака, например:

A  B
C  B D
C  

Если я попытаюсь:

<tr><td id='A'/><td id='B' rowspan=2/></tr>
<tr><td id='C' rowspan=2/></tr>
<tr><td id='D'/></tr>

Я понял:

A  B
A  B
C  D
C  D

Я был бы очень благодарен, если бы кто-то мог пролить свет на это.

Answer 1

Я сделал это в jsfiddle без проблем:

<table>
   <tr><td id='A'>A</td><td id='B' rowspan='2'>B</td></tr>
   <tr><td id='C' rowspan='2'></td></tr>
   <tr><td id='D'>D</td></tr>
</table>

Я добавил два элемента div и показал правила таблицы, чтобы вы могли видеть, что это работает