title: Borders disappear in Chrome when I zoom in
body: <p>I have this really simple form: <a href="http://jsfiddle.net/TKb6M/91/" rel="noreferrer">http://jsfiddle.net/TKb6M/91/</a>. Sometimes, when I zoom in or out using Chrome, the input borders disappear. For example, when I zoom to 90% I get:</p>
  
  <p><img src="https://i.stack.imgur.com/AmSG1.png" alt="enter image description here"></p>
  
  <p>Naturally, your mileage may vary.</p>
  
  <p>In case you're wondering about those <code>&lt;span&gt;</code> tags, I added them following the recommendation at <a href="https://stackoverflow.com/questions/7189608/how-do-i-make-an-input-element-occupy-all-remaining-horizontal-space/7190310#7190310">How do I make an input element occupy all remaining horizontal space?</a>.</p>
  
  <p>Is there a problem with my CSS or is this a Chrome bug? It seems to work fine on Firefox. What can I do to avoid this behavior?</p>
  
  <p>Thanks.</p>