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# - SharpSVN - How to get the previous revision? -

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

url - Querystring manipulation of email Address in PHP -