title: <input> doesn't inherit the font from <body>
body: <p>I have input and label fields:</p>
  
  <pre><code>&lt;label class="adm" for="UserName"&gt;User name&lt;/label&gt;
  &lt;input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;}
  label.adm  { font-size:0.9em; margin:0 0 3px 3px; display: block;}
  input.adm  { font-size:0.9em; margin:0 0 3px 3px; }
  </code></pre>
  
  <p>When the code opens up in Firefox the fonts are not the same. Firebug shows that both "should" inherit and when I look at computed it shows the label uses Verdana. However the input shows it uses "MS Shell Dlg".</p>
  
  <p>Can anyone explain what's happening and why it doesn't seem to obey the normal CSS rules?</p>