title: CSS font-size on Chrome Is Wrong (or IE is)
body: <p>I'm sure everyone's money is on IE being wrong.  There's an equal chance I just don't know what I'm doing.  In IE, all the text (except the H2) gets the font-primary style.  In Chrome, the text in the table gets the wrong font-size (or so I think) - it's described like this in rev tools:</p>
  
  <pre><code>color: rgb(0, 0, 0);
  display: table-cell;
      font-family: Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: normal;
  height: 76px;
  vertical-align: top;
  width: 390px;
  </code></pre>
  
  <p>That font size should be smaller (in my opinion) and is in IE10.</p>
  
  <p>Here's the html:</p>
  
  <pre><code>&lt;div class="step-page font-primary"&gt;
      &lt;div class="content-panel-0"&gt;
          &amp;nbsp;
      &lt;/div&gt;
      &lt;div class="content-panel-1"&gt;
          &lt;h2&gt;PERSONAL SHIPPING&lt;/h2&gt;
          &lt;span&gt;Descriptions&lt;/span&gt;
          &lt;div&gt;
              &lt;table class="content-desc"&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Standard&lt;/td&gt;
                          &lt;td&gt;Standard transport service&lt;/td&gt;
                      &lt;/tr&gt;
  
                      &lt;tr&gt;
                          &lt;td&gt;Delivery&lt;/td&gt;
                          &lt;td&gt;Residential delivery service&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the CSS:</p>
  
  <pre><code>html
  {
      padding:0;
      margin:0;
  }
  
  body
  {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      background: none;
  }
  h2
  {
      border: 0px 0px 1px 0px;
      font-weight: normal;
  }
  .content-panel-0
  {
      clear: none;
      float: left;
      padding: 0px 0px 0px 0px;
      width: 50px;
  }
  .content-panel-1
  {
      clear: none;
      float: left;
      padding: 0px 0px 0px 0px;
      width: 520px;
  }
  .content-panel-2
  {
      clear: none;
      float: left;
      padding: 0px 0px 0px 0px;
      text-align: center;
      width: 330px; /*375*/
  }
  .content-desc td
  {
      vertical-align: top
  }
  .content-desc td:first-child
  {
      width: 120px;
  }
  .font-primary
  {
      color: #000000; /*black*/
      font-family: "Arial", "Helvetica", "Sans-serif";
      font-size: 0.750em; /*0.625em; 10px; 12px;*/
      font-weight: normal;
  }
  .font-primary-bold
  {
      color: #000000;
      font-family: "Arial", "Helvetica", "Sans-serif";
      font-size: 0.750em; /*0.625em; 10px; 12px;*/
      font-weight: bold;
  }
  </code></pre>
  
  <p>Something is amiss - what is it?  FWIW, I believe FF is having the same issue. This points further to an IE issue but, I have to say, the IE behavior is preferable and <em>seems</em> more correct to me.</p>