dynamic change to rowspan?

Hi there!

I have a very dynamic table and I reckon Firefox does not honor the 
changing of rowspan, in order to add/delete rows.
I suppose it would be too complex to implement, or slow?
I'm thinking about other ways to do that without spoiling the layout, 
but it doesn't seem fun.

Any suggestion?
Is there a - possibly dirty - way to force the re-rendering of the table 
element?

I'm not interested in other browsers, for I worship the Lizard and force 
it upon my users.

Example follows. Thanks!


  <table id="mytable">
    <tr>
      <td id="left" rowspan="1">LEFT</td>
      <td>right 1</td>
    </tr>
  </table>

  <script>
    var table = document.getElementById('mytable');
    var tr = document.createElement('tr')
    var td = document.createElement('td');
    var right2 = document.createTextNode('right 2');
    var left = document.getElementById('left');
    left.setAttribute('rowspan', '2');
    td.appendChild(right2);
    tr.appendChild(td);
    table.appendChild(tr);
  </script>







-- 
This e-mail (and any attachment(s)) is strictly confidential and for use only by intended recipient(s). Any use, distribution, reproduction or disclosure by any other person is strictly prohibited. The content of this e-mail does not constitute a commitment by the Company except where provided for in a written agreement between this e-mail addressee and the Company. If you are not an intended recipient(s), please notify the sender promptly and destroy this message and its attachments without reading or saving it in any manner. Any non authorized use of the content of this message constitutes a violation of the obligation to abstain from learning of the correspondence among other subjects, except for more serious offence, and exposes the person responsible to the relevant consequences.