I have one problem with nested tables. following is spinpet for html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Untitle</title>
</head>
<body>
<div>
<table style="width:100%" border="0" width="100%" cellpadding="2" cellspacing="2">
<tr class="TableRowBackGround">
<td>
<table style="width:100%" cellspacing="0" border="1" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td >
<span >Root</span></td>
<td > pqr</td>
<td >0</td>
<td align="center" >
4</td>
<td align="center" >
1</td>
</tr>
<tr>
<td colspan="12" style="border-style:Solid;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;" cellspacing="0" border="0" >
<tr>
<td >
<span >BBB</span></td>
<td >
xxx</td>
<td >
1</td>
<td align="center" >
2</td>
<td align="center" >
2</td>
</tr>
<tr>
<td colspan="6" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td>
</td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr>
<td ><span >AAA</span></td>
<td > xyz</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >4</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr>
<td ><span >Chart</span></td>
<td > xyz</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >5</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 6</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >6</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 7</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >7</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 8</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >8</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 9</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >9</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 10</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >10</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 11</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >11</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td></td>
<td>
<table style="width:100%" cellspacing="0" border="0" >
<tr >
<td ><span >Level 12</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >12</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td>
<table style="width:100%" >
<tr>
<td ><span >Level 13</span></td>
<td > abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >13</td>
</tr>
<tr>
<td colspan="12" style="border-style:None;width:100%;">
<table style="width:100%" border="0" style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr>
<td>
<table style="border-color:Black;border-width:1px;border-style:solid;width:100%;border-collapse:collapse;">
<tr >
<td>Level 14</td>
<td> abc</td>
<td >0</td>
<td align="center" >0</td>
<td align="center" >14</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
Check this in front page. in design view it shows level 14 but in preview it shows levels till 13
