title: Chrome 21 and 1px difference very annoying bug
body: <p>On <a href="http://elclanrs.github.com/jq-idealforms/" rel="nofollow noreferrer">this site</a> the datepicker shows correctly in all browsers (IE8+, Firefox 14, Chrome 20 and Opera 12) but the newest update of Chrome, version 21, seems to have introduced a very annoying bug and I can't tell for the love of Darwin what the hell is going on and WHY?</p>
  
  <p>------------<strong>ALL &amp; Chrome 20</strong>-----------------------<strong>Chrome 21 WTH!</strong>------------</p>
  
  <p><img src="https://i.stack.imgur.com/nFZoT.jpg" alt="enter image description here"></p>
  
  <p>Any idea on why this is happening? Where is this bug coming from? I've tried toggling every single css property with devtools and nothing seems to make a difference. It even works in IE8, so this must be a Chrome bug.</p>
  
  <p><strong>Edit:</strong>
  To clarify a bit more, when I position the datepicker to align it with the input, the top border of the datepicker aligns with the bottom border of the input. To collapse the borders I use <code>margin-top: -1px</code> in my css. The problem with the latest Chrome seems to be that it adds one more pixel to the space between the datepicker and the input, so the borders are not adjacent, they have a 1px distance in between before even collapsing them.</p>