边框线重叠边框顶部

Question

您好我有一个div，其边框颜色不同，我偶然注意到的一件事是border-left和border-right被border-top绘制。

示例html只是：

<div class="my_class"></div>

使用CSS：

div {
  height: 100px;
  width: 100px;

  border: thin solid;
  border-top: thick solid;

  border-color: #eeeeee;
  border-top-color: #123456;
}

这是我所谈论的一个例子：http://jsfiddle.net/nsVca/1/

两个边框与顶部边框重叠。有没有办法推翻这个或设置顶部边框绘制边框？