title: Overwrite font: in CSS
body: <p>I have an existing web page on which there is a CSS file that I am unable to change which has the following CSS in it: </p>
  
  <pre><code>body {
      background: none repeat scroll 0 0 #FFFFFF;
      color: #000000;
      font: 0.8em Verdana,Arial,sans-serif;
  }
  </code></pre>
  
  <p>I am adding in an additional CSS file, and for the part of the page that its controlling I need to be able to overwrite the font size that is above, and set the size to the auto size as supplied by the browser and a different font family. </p>
  
  <p>I know about putting the <code>!important</code> tag on there so changing the font family hasn't been a problem, but if I don't put a size in there it strips it out when the page compiles. </p>
  
  <p>I thought I could use <code>font-size:</code> to override it, but I'm unclear as to how to set that to be whatever the browser has automatically.</p>
  
  <p>All help would be much appreciated! I'm a bit of a CSS novice! </p>