title: CSS display:table-row does not expand when width is set to 100%
body: <p>I'm having a bit of a problem. I'm using FireFox 3.6 and have the following DOM structure:</p>
  
  <pre><code>&lt;div class="view-row"&gt;
      &lt;div class="view-type"&gt;Type&lt;/div&gt;
      &lt;div class="view-name"&gt;Name&lt;/div&gt;                
  &lt;/div&gt;
  </code></pre>
  
  <p>And the following CSS:</p>
  
  <pre><code>.view-row {
  width:100%;
  display:table-row;
  }
  
  .view-name {
  display: table-cell;
  float:right;
  }
  
  .view-type {
  display: table-cell;
  }
  </code></pre>
  
  <p>If I take off the <code>display:table-row</code> it will appear correctly, with the <code>view-row</code> showing a width of 100%. If I put it back it shrinks down. I've put this up on JS Bin:</p>
  
  <p><a href="http://jsbin.com/ifiyo" rel="noreferrer">http://jsbin.com/ifiyo</a></p>
  
  <p>What's going on?</p>