[jQuery] IE, Ajax and colspans
I'm having a very weird problem that manifests itself only in IE - both
6.x and 7.x
I use taconite to retrieve a table from the server:
<taconite>
<replaceContent select="#data">
<table style="width: 90%">
<tbody>
<tr>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top">
</td>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top">
<strong>Board</strong>
</td>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top" colspan="2">
<strong>1 ADL</strong>
</td>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top" colspan="2">
<strong>1 ADL + 1 CHLD 7-12</strong>
</td>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top" colspan="2">
<strong>1 ADL + 2 CHLD 7-12</strong>
</td>
</tr>
<tr>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top">
Standart Room
</td>
<td style="border: 1px solid #efefef; padding: 10px;" valign="top">
BB
</td>
<td align="center" style="border: 1px solid #efefef; padding: 10px;" valign="top">125</td>
<td align="center" style="border: 1px solid #efefef; padding: 10px;" valign="top"><strong>166</strong></td>
<td align="center" style="border: 1px solid #efefef; padding: 10px;" valign="top">140</td>
<td align="center" style="border: 1px solid #efefef; padding: 10px;" valign="top"><strong>185</strong></td>
<td align="center" style="border: 1px solid #efefef; padding: 10px;" valign="top">158</td>
<td align="center" style="border: 1px solid #efefef; padding: 10px;" valign="top"><strong>249</strong></td>
</tr>
</tbody>
</table>
</replaceContent>
</taconite>
When this taconite gets executed IE disregards the colspans and places a
single cell in each column:
Expected:
------
| |
------
| | |
------
Explorer:
------
| |
------
| | |
------
And I have no freaking idea why this is happening. Please, help :)