title: Why does user agent stylesheet override my styles?
body: <p>I want a font-size of a 11, but Chrome and Firefox are giving me 16.  When I examine the element in Chrome I see and look at the computed property I see:</p>
  
  <pre><code>font-size: 16px;
    table - medium user agent stylesheet
    Style Attribute - 11px
    table - medium user agent stylesheet
    .v11gray - 11px style.css
  </code></pre>
  
  <p>Under computed styles in Firefox I get:</p>
  
  <pre><code>font-size: 16px
     TABLE[0].style → 11px    element
     .v11gray → 11px  style.css:19
  </code></pre>
  
  <p>The last three lines are struck out.  Why is my css rule being overridden?  Are there steps I can take to find out?</p>