title: issue with opera and border radius selection arrow showing outside when animated
body: <p>view the example here:  <a href="http://qwee.net" rel="nofollow">http://qwee.net</a></p>
  
  <p>the problem is only on safari</p>
  
  <p>when viewing the page on safari the link arrow pops up a ways outside the spinning circle.
  On firefox the select cursor changes exactly on the border.</p>
  
  <p>I assume the issue is something with safari allowing the area outside the border radius to be selected... not sure</p>
  
  <p>my code looks something like this: </p>
  
  <pre><code>@keyframes spincounterclockwise {
  0%   {transform: rotate(360deg); -o-transform: rotate(360deg);}
  100% {transform: rotate(0deg); -o-transform: rotate(0deg);}
  }
  
  #circle {
  width: 350px;
  height: 350px;
  animation: spincounterclockwise 2s linear 0s infinite normal;
  background: black;
  border-radius: 175px 175px 175px 175px;
  overflow: hidden;
  margin-left: -175px;
  margin-top: -175px;
  top: 50%;
  left: 50%;
  position: fixed;
  }
  
  &lt;a href="link location"&gt;&lt;div id="circle"&gt;&lt;/div&gt;&lt;/a&gt;
  </code></pre>