html - 在 Google Chrome 上显示 anchor 文本颜色的边框

Question

在 Google chrome 上，如果我在 anchor 内有一个 div，边框将随机更改为文本颜色。如果我检查元素，颜色会立即切换回正确的颜色。有什么办法可以解决这个错误吗？

这是 html:(它不会每次都发生，自发地它会是错误的颜色)

<a href="/about"><div class="navc">
    <div class="navt"><?php echo $lang['0']; ?></div>
</div>
</a>

这是CSS:

#nav
{
float:left;
width:100%;
height:30px;
background:url('../images/nav.png') repeat-x;
border:1px solid #C2C1C1;
text-shadow:0 1px 0 white
}

#nav a
{
color:black;
text-decoration:none
}

.navc
{
padding:0 10px;
border-left:1px solid #C2C1C1;
border-right:1px solid #EEE;
float:left;
height:100%
}

.navt
{
padding-top:6px
}

如下图所示，关于导航按钮的边框是错误的

Answer 1

我只花了 3 个小时就解决了这个错误(在这样的日子里，我觉得 Webkit 和 Trident 一样糟糕)...但这是答案:

只有在 anchor 内有内联元素时才会发生 (<a>)具有已访问过的“href”值。如:

<a href="http://www.google.com"><span>Button</span></a>

为了解决这个问题，我添加了以下 CSS:

a {color: blue}

a span,
a:visited span /* Webkit will render a blue border unless this is explicitly specified */
{
    border: 1px solid red;
}