Dynamic table colspan
<p>I have worked for web project and I'm using jQuery for client side scripting issues. 
I have an ajax page and this page fully loading dynamically from inside of the javascript that is uses jquery. </p>

<p>When the document ready, i'm creating three smilar table like these; </p>

<p><strong>Table A</strong></p>

<p>Hea A | Hea A | Hea C | Hea D</p>

<p><strong>Table B</strong></p>

<p>Col A | Col A | Col C | Col D</p>

<p><strong>Table C</strong></p>

<p>Col A | Col B | Col C | Col D</p>

<p>After that, I'm clonning Table A then it's looking inside of the between Table A and B, if it found smilar columns it's updating Table A's columns "colspan" property. When the merging completed it's output looks like ;</p>

<p><strong>Table A</strong></p>

<p>Hea A [colspan=2]  | Hea C | Hea D</p>

<p><strong>Table B</strong></p>

<p>Col A | Col A | Col C | Col D</p>

<p><strong>Table C</strong></p>

<p>Col A | Col B | Col C | Col D</p>

<p>It's working on almost all browser but IE 7.0 is not. 
Here is the another trick; I'm trying to run my example project, It's showing incorrect in IE 7.0 When i copy/paste output html to empty page manually, is working magically.</p>

<p>I stacked in that.</p>

<p>Any suggestion or help are welcome. </p>
