позиционирование с помощью div'ов

[Viator]

<table border="0" cellpadding="0" cellspacing="0" width="30%">
<tr>
<td style="border-left: blue solid 1px; border-top: blue solid 1px; border-bottom: blue solid 1px">
<div style="width: 4px; height: 1px"></div>
</td>
<td style="border-top: blue solid 1px; border-bottom: blue solid 1px">
<div style="width: 100%; height: 4px"><p /> </div>
Заголовок
<div style="width: 100%; height: 4px"><p /> </div>
</td>
<td style="border-right: blue solid 1px; border-top: blue solid 1px; border-bottom: blue solid 1px">
<div style="width: 1px; height: 1px"></div>
</td>
</tr>
</table>

В рамке пытаюсь задать вертикальные отступы для текста. Чтобы div "сработал", в него нужно обязательно вставить какую-либо пустую конструкцию. Я вставил <p /> , который в общем-то на фиг не нужен. Но без него перестают рабоать отступы. В чем мой косяк? И насколько оправдан подобный подход при верстке различных "рамочных" элементов?