title: Firefox display:table-cell bug, or how does table-cell work?
body: <p>I have this code:</p>
  
  <pre><code>&lt;style&gt;
      .main-table {width: 80%;}
      .box, .placeholder-box {display:table-cell; width: 26.4%;}
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;table class="main-table"&gt;
      &lt;tr&gt;
          &lt;div class="box"&gt;
              &lt;h1&gt;Venue&lt;/h1&gt;
          &lt;/div&gt;
  
          &lt;div class="box"&gt;
              &lt;h1&gt;Time&lt;/h1&gt;
          &lt;/div&gt;
  
          &lt;div class="box"&gt;
              &lt;h1&gt;Registry &amp; Gifts&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;div class="box"&gt;
              &lt;h1&gt;Dress&lt;/h1&gt;
          &lt;/div&gt;
  
          &lt;div class="placeholder-box"&gt;
              [Floral placeholder thing]
          &lt;/div&gt;
  
          &lt;div class="box"&gt;
              &lt;h1&gt;Contact&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Firefox treats the divs as all appearing in the dom before the table, so there is no tabular layout of my divs. This seems like it is ignoring the <code>display:table-cell</code>.</p>
  
  <p>Am I doing something wrong? Is FF broken? Is there a better way to lay things out in a grid than using a table?</p>