title: Transparent border is of white color
body: <p>See the fiddle: <a href="http://jsfiddle.net/vs32rb9w/" rel="nofollow">http://jsfiddle.net/vs32rb9w/</a></p>
  
  <p>Why is there an 1px white border if i explicitly said <code>border-color: transparent</code>?</p>
  
  <p>I checked that both in Chrome and FireFox - the border is white instead of being transparent.</p>
  
  <p>And it becomes transparent - guess what - when I remove the <code>background</code> property (or make it <code>transparent</code> too).</p>
  
  <p>Such a nasty bug?</p>