html - Chrome is ignoring the rounded corners of my menu on hover -
i'm having issue chrome ignoring rounded corners of menu on hover. works in firefox round corners (in chrome) before hover, on hover corners square up. missing something? html consists of standard 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; } the selector webkit browsers (i.e. chrome) should be: -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;