html - firefox边框白线

Question

我在我网站的某些元素上遇到了边框和半径样式 (border-radius) 问题，我想摆脱它们，因为它看起来一点也不好。请看下图:

正如您在页眉部分看到的那样，它已使用 css3 设置为曲线边框，但一条讨厌的白线弄乱了我漂亮的页眉所以我想知道是否有办法摆脱它，或保留它就像一个干净的边框(没有标题曲线左下角的白色困惑)与右标题底部边框曲线/半径相同。

这是我的标题的 html 结构:

<header id="header" role="banner">
    <span class="extend clear">

    </span>
</header> 

和它的CSS。

#header{
    background: #575656;
    overflow: auto;
    border: 1px solid #454545;
    background-color: #575656;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#575656));
    background-image: -webkit-linear-gradient(top, #333333, #575656);
    background-image: -moz-linear-gradient(top, #333333, #575656);
    background-image: -ms-linear-gradient(top, #333333, #575656);
    background-image: -o-linear-gradient(top, #333333, #575656);
    background-image: linear-gradient(top, #333333, #575656);
    -pie-background: linear-gradient(to bottom, #333333, #575656); /*ie 6-9 via PIE*/

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#575656);

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;

    behavior: url(PIE.htc);
}
#header span{
    padding: 20px 15px;
    border-bottom: 1px solid #838181;
    overflow: auto;
    display: block;
}

那个馅饼是用来显示的，这是它的链接http://css3pie.com/

谢谢，我愿意接受任何想法、建议和意见。

Answer 1

这是无效的:

-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;

此外，它在 firefox 中对我来说工作正常:fiddle

在 firefox 中也应应用以下内容:

 border-bottom-right-radius: 8px;
 border-bottom-left-radius: 8px;