css - Safari/Chrome 的圆 Angular

Question

所以我已经尝试了所有人推荐的所有方法来解决这个问题，这就是我寻求帮助的原因。我遇到了一个圆 Angular 问题，它在 Firefox 而非 Safari 或 Chrome 上显示应有的方式。这是我的代码:

#sidebar4_content{
    margin: 0 auto;
    float: right;
    width:80%;
    background-color: #F2F2F2;
    margin-top: 130px;
    height: 600px;
    border: solid 5px #1C1C1C;
    border-top-left-radius:90%;/*Opera 10.5, IE 9*/
    border-bottom-left-radius:90%;/*Opera 10.5, IE 9*/
    -moz-border-radius-bottomleft: 90%; /*Disabled for FF1+*/
    -moz-border-radius-topleft: 90%;/*Disabled for FF1+*/
    -webkit-border-top-left-radius: 90%;/* Saf3+, Chrome*/
    -webkit-border-bottom-left-radius: 90%;/* Saf3+, Chrome*/
}

我尝试了各种组合，例如使用“px”而不是“%”，以这种格式获取所有内容:border-radius: 0px 90px 90px 0px;评论是我也尝试过的，因为有人推荐它但没有任何效果。奇怪的是，在 Safari 和 Chrome 中， Angular 是圆的，但是在 10px 和所有四个边，即使我指定了边。请帮助!

Answer 1

当我将代码逐字粘贴到 jsfiddle 中时，该代码似乎在 Chrome 中对我有用:

http://jsfiddle.net/VTgAn/

当我查看 Chrome 中的 inspect 元素时，它按预期使用了这些规则:

-webkit-border-top-left-radius: 90%;/* Saf3+, Chrome*/
-webkit-border-bottom-left-radius: 90%;/* Saf3+, Chrome*/

是否有可能是其他一些导致冲突的 css？当你检查元素时它看起来像什么？