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

sql - text truncated using perl DBI insert -

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

php - Pass object by reference or value -