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; 

Comments

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

c# - SharpSVN - How to get the previous revision? -

php cli reading files and how to fix it? -