title: Broken border around textbox in IE
body: <p>Please check <a href="http://jsfiddle.net/omtttLqn/1/" rel="nofollow noreferrer">this fiddle</a></p>
  
  <pre><code>input {
      border: 1px solid blue;
      padding: 4px;
      border-radius: 5px;
      background: transparent;
  }
  </code></pre>
  
  <p>It looks good in any browsers other than IE 11.</p>
  
  <p>If you test it in IE11 you'll see that the border is broken (white pixels) at the beginning (top and bottom) just after rounded corners, like this:</p>
  
  <p><img src="https://i.stack.imgur.com/BYj94.png" alt="ie11"></p>
  
  <p>What do I miss in my style declaration?</p>