порядок слоев

Начал создавать свой шаблон в блокноте штобы проникнутся всеми тонкостями и в самом же начале проектирования слоев наткнулся на проблему

слои идут по порядку и нижний слой оказывается вложенным в предыдущий

Код (CODE):

1. <div id="body">
2.     <div id="my_logo">
3.     <jdoc:include type="modules" name="my_logo" />
4.     </div>
5.     <div id="my_menu">
6.     <jdoc:include type="modules" name="my_menu" />
7.     </div>
8.     <div id="top">
9.         <table width='100%' cellspacing='0' cellpadding='0'>
10.         <td>
11.             <div id="top1">
12.             <jdoc:include type="modules" name="top1" />
13.             </div>
14.         </td>
15.         <td>   
16.             <div id="top2">
17.             <jdoc:include type="modules" name="top2" />
18.             </div> 
19.         </td>
20.         <td>
21.             <div id="top3">
22.             <jdoc:include type="modules" name="top3" />
23.             </div>
24.         </td>
25.     </div>
26. </div>
27. <!--следущий слой идет отдельно а оказывается в предыдущем-->   
28. <div id="main_part">
29.   <div id="left">
30.   <jdoc:include type="modules" name="left" />
31.   </div>
32.   <div id="main">
33.     <jdoc:include type="modules" name="main" />
34.     </div>

UPDATE: решил проблему отказавшись таблицы и лишнего слоя поверх таблицы
но все равно мне не дает покоя это не обьяснимое/но_факт