Problema con IE9 su angoli arrotondati in presenza di sfondo a gradiente

[ldetomi]

Ciao a tutti,
Ho un problema di discrepanza di resa grafica tra IE e gli altri Browser (strano vero? )
Ho messo qui una prova:

link prova

Come vedete su IE (ho provato sul 9) gli angoli sottostanti non sono arrotondati, mentre quelli sopra sì. In Firefox e Chrome invece tutto è perfetto, compreso l'effetto dissolvenza.

Da alcune prove pare che in qualche modo c'entri l'effetto gradiente sullo sfondo, ma tale effetto l'ho preso da un generatore automatico, questo: ColorZilla

e quindi dovrebbe essere sufficientemente testato...

Sapete aiutarmi?

Grazie.

[GI89]

Di che versione di IE parli? Sicuro sia la 9? Perchè si vedono bene i pulsanti sul mio browser

[ldetomi]

Con Ie9, io lo vedo come nel file allegato.

[ldetomi]

Con Firefox 19 invece:

[ldetomi]

Nessuno ha qualche idea?

[Prill]

nel tuo css hai un commento

NAV A.gradient     {       /* IE9 SVG, needs conditional override of 'filter' to 'none' */

probabile incompatibilità con i filtri che seguono

[ldetomi]

Ho risolto, grazie!!! il problema era il commento condizionale per come era espresso "prima"! prima infatti avevo impostato solo .gradient nel commento condizionale, ma dato che il css era più specifico "vinceva" quella dichiarazione e quindi rimaneva la proprietà "filter" settata come per IE 7-8, anche per il 9.

Dopo avere dato la stessa specificità alla regola dentro al commento condizionale, IE9 riconosce correttamente il filter:none; e tutto torna a funzionare....