title: why does border css shrink width in firefox
body: <p>i have this css to highlight input when they are in focus:</p>
  
  <pre><code>input:focus, textarea:focus{  
    background-color: #FFFF99;  
    border-width: 1px;  
    border-style:solid;  
    border-color:Black;  
  }
  </code></pre>
  
  <p>i just noticed that when i click on a textbox it shrinks by a very small but noticable amount.  Is there any reason why the css above would change the width &amp; height of a textbox when i have it in focus?</p>
  
  <p>i am using firefox 3.16</p>