是否可以在Chrome中创建带圆角的链接？

Question

我似乎无处不在地搜索过，并尝试了多种方法，但无法找到解决这个基本问题的方法。使链接适合在圆角的盒子内部而不会溢出。这个例子在Firefox中运行得很好，这让我更加困扰。

编辑：在Passerby下面做了一个很好的例子来更好地可视化问题：http://jsfiddle.net/wjpdd/7/

我发现这个问题的最佳解决方法是使用javascript对div进行点击并设置：hover光标在css中。但如果有人有一个

，他会喜欢不那么开机的选择

原始示例：

http://jsfiddle.net/wjpdd/3/

和 HTML：

    <div class="circle">
      <a href="#" class="fill">
        <div class="circleoutline">
        </div>
      </a>
    </div>

的CSS：

.circle{
    width: 310px;
    height: 310px;
    border-radius: 155px;
    background-color: grey;
    top: 18px;
    left: 10px;
    overflow:hidden;
}

.fill{
    width: 100%;
    height: 100%;
    border-radius: 155px;
}

.circleoutline{
    position: relative;
    top:5.5px;
    left:5.5px;
    width: 295px;
    height: 295px;
    border-radius: 150px;
    -webkit-border-radius:150px;
    border: 2px solid blue;
}