title: DIV and tables - multiple rows
body: <p>I am trying to put a div inside of a table however, it will not go across multiple rows. </p>
  
  <p>Here is the code I am using:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;div id="test"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td&gt;row 2 stuff&lt;/td&gt;&lt;/td&gt;
      &lt;/div&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have multiple rows that are dynamically added on a button click.  I would like each group of dynamically added rows to be inside of a div for easy removal.  </p>
  
  <p>The problem is FireFox is automatically closing the div tag in the same cell.  At the very end, it is moving my closing  to the end of the first cell. </p>