Css 为什么中间的边界更厚？

我试图创建一个曲线只用CSS和HTML。由于某些原因，这条线在中间比两边更厚。为什么会这样

HTML:

---

由于已将div底部边框的

border width

属性指定为

5px

，因此它的厚度向中间增加。但是，由于左边框或右边框属性没有声明，因此边框必须平滑地渲染一条从

0px

到

5px

的线，以便渲染为适当的圆角。因此厚度逐渐增加。

哪个浏览器，哪个平台？在Chromium 22中，Ubuntu 12.10。

<div class="smile"></div>

.smile{
    width: 150px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
    border-bottom: 5px solid black;
}