Chrome在悬停时忽略了菜单的圆角

Question

我在使用Chrome时忽略了菜单圆角的问题.这可以在Firefox中使用,也可以在悬停之前围绕角落(在chrome中),但是在悬停时我的角落正方形.我错过了什么吗？我的HTML由标准ul组成.

#nav > ul > li:first-child a:hover {
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius-bottomleft: 4px !important;
-border-bottom-left-radius: 4px !important;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topleft: 4px !important;
-border-top-left-radius: 4px !important;
background: url(../images/menu-back-hover.png) repeat-x;
}

Answer 1

webkit浏览器的选择器(即chrome)应该是:

-webkit-border-top-left-radius:  4px;
-webkit-border-bottom-left-radius:  4px;