Chrome Rounded Corner css?

你好，我有一个这样的css代码:

.rounded {
   border-collapse:separate;
    border:solid black 1px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

和I调用Aspx页面容器:

<div runat="server" id="placeholder_5" class="sf_cols placeholder_5">
            <div runat="server" style="border-style: groove; border-width: medium; float: left;
                width: 100%; margin: 0; background-color: #C0C0C0;" class="sf_colsOut rounded">
                <div runat="server" style="padding: 7px;" class="sf_colsIn">
                    <asp:ContentPlaceHolder ID="placeholder_5_widget_0" runat="server" />
                </div>
            </div>
        </div>

但是当我调试网页时，只有Firefox显示圆角，Chrome没有改变视图，我在互联网上看，说在Chrome上使用:

 -webkit-border-radius: 20px;

有解决方案吗?

.rounded {
border-collapse:separate;
border:solid black 1px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}