Smartyの{foreach}で要素が正しくループしない

Smartyの{foreach}でループさせて表を表示させたいのですが上手く表示されません。
下がtplファイル(省略版)です。

HTML(.tpl)
1{if ($data) }
2//省略　//<div class=・・・><div class=・・・></div></div>がここに移動
3<table border="1">
4<tr><th>外泊願ID</th><th>承認/非承認</th>・・・</tr>
5<?php
6{$i=1};
7?>
8{foreach item=item from=$data}
9
10<tr bgcolor="#b0c4de" class= {$item.gaihaku_id} >
11<td>{$item.gaihaku_id}</td>
12//省略
13</tr>
14
15<div class=" {$item.gaihaku_id|cat:'overlay'} back-overlay-off">
16<div class=" {$item.gaihaku_id|cat:'overlay'} overlay-off">
17<tr>
18          <table border="2" style="border-collapse: collapse" width="85%" align="center">
19            <tr>
20              <td rowspan="2" bgcolor="#00f000" width="5%">氏名</td>
21              //省略
22            </tr>
23           </table>
24
25           <table border="2" style="border-collapse: collapse" width="85%" align="center">
26            <tr>
27            <td bgcolor="#00f000" width="5%">日程</td>
28            //省略
29            </tr>
30            </table>
31
32            <table border="2" style="border-collapse: collapse" width="85%" height="20%" align="center">
33            <tr>
34            <td rowspan="2" bgcolor="#00f000" width="5%">理由</td>
35            //省略
36            </tr>
37            </table>
38      <button id="close-btn" class="overlay-event" type=button>Close</button>
39    </div>
40</div>
41
42
43<?php
44{$i++};
45?>
46{/foreach}
47</table>
48<input type="hidden" name="i" value={$i}>
49{/if}

今までは<div class=・・・><div class=・・・></div></div>の部分を入れていなくて正常に表が出力されていたのですが、入れた瞬間におかしくなりました。
コンソールの要素を確認したところ次のようなおかしい点が見つかりました。
・<div class=・・・><div class=・・・></div></div>が何故か最初の<table>に上に移動している。
・勝手に</table>が追加されtableが閉じる
直し方がわからないのでだれか詳しい方教えてください