title: Safari border-color hover bug
body: <p>So I'm currently facing an issue when you hover over an element in Safari (Version 6.0.2) the border color on that element seems to act a little weird. To give you a break down of what I've done the element is just a simple list element which has the same border color on all sides except the left hand side.</p>
  
  <p>Heres an example:
  <a href="http://cl.ly/MPkG" rel="nofollow">http://cl.ly/MPkG</a></p>
  
  <p>Upon hover I add a simple CSS3 Scale transition to the element as well as changing the border color to a darker shade of grey (excluding the left hand side).</p>
  
  <p>Here is a real rough fiddle to show the issue:
  <a href="http://jsfiddle.net/dannykeane/N4jF5/" rel="nofollow">http://jsfiddle.net/dannykeane/N4jF5/</a></p>
  
  <p>This works perfectly fine in all modern browsers except Safari (Version 6.0.2). I've also tried adding a <code>backface-visibility:hidden;</code> to this element but it still behaves the same. </p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks</p>