title: Chrome - Colspan not working as expected
body: <p>I have this code:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td width="40%" align="left" class="form_cell"&gt;
      &lt;span class="sub_header"&gt;Update or Delete&lt;/span&gt;&lt;br /&gt;
      Please select whether you would like us to update this contacts details, or delete them from the system.
      &lt;/td&gt;
  
      &lt;td width="60%" align="left" class="form_cell"&gt;
      [class=form__parser func=updateDetails__updel(150.$update_or_delete$.true)]
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td width="100%" align="left" colspan="2" id="ammend_contact_details" style="display: none;"&gt;
          &lt;table border="0" cellspacing="0" cellpadding="0" width="100%" align="left"&gt;
              &lt;tr&gt;
                  &lt;td width="40%" align="left" class="form_cell"&gt;
                  &lt;span class="sub_header"&gt;New Title&lt;/span&gt;&lt;br /&gt;
                              Please enter the contacts new title, IE Mr, Mrs, Dr, Miss, Ms
                  &lt;/td&gt;
  
                  &lt;td width="60%" align="left" class="form_cell"&gt;
                  &lt;input type="text" name="update_contact_title" class="input" size="48" maxlength="6" value="$update_contact_title$" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The code which start with <code>[class=form__parser...]</code> creates a drop down list. If you click one of the options, the cell below it (<code>ID ammend_contact_details</code>) is displayed, otherwise its hidden.</p>
  
  <p>The website address for this page is: <a href="http://www.westlandstc.com/index.php?plid=6#eyJwbGlkIjoiNTkiLCJjbGlkIjoiNDQ2Iiwic2NsaWQiOiJudWxsIiwiZHluYW0iOiJudWxsIiwiYXBwSWQiOiJudWxsIn0=" rel="nofollow">http://www.westlandstc.com/index.php?plid=6#eyJwbGlkIjoiNTkiLCJjbGlkIjoiNDQ2Iiwic2NsaWQiOiJudWxsIiwiZHluYW0iOiJudWxsIiwiYXBwSWQiOiJudWxsIn0=</a> and the element in question is at the very bottom of the page.</p>
  
  <p>The problem is, the <code>colspan</code>attribute works fine in internet explorer (surprise surprise), however, in Chrome, all the content which is supposed to be spread over the 2 parent columns, only goes into the 1st column. </p>
  
  <p>I have narrowed the bug down further, if I remove the <code>style="display: none"</code> attribute it works fine. Everytime I try to change either the display style or visibility style, Chrome places everything back into the first column.</p>
  
  <p>In addition, I tried setting the background colour of the cell which spans 2 columns to red. In internet explorer, again this works as expected. In chrome, no background-color is displayed.</p>
  
  <p>Any ideas how to fix this?</p>