IE9 problems with css such gradient background and rounded corners and shadow

I use a gradient background color for selected or hovered menu items it works fine in chrome,FF,opera,ie7,ie8 . but in ie9 the background of the elements appears in the right of the element but text keeps in place this is the first problem.

the second problem i faced is the rounded corner it works fine in chrome, FF, opera but in ie9 the corners are ok but the background of the box was an image but it appears white!!!

the third problem is that of shadow i apply shadow to the divs containing images it works fine in all browsers but ie9 offset the whole div instead of applying shadow and opacity change on mouse over increased the problem by adding black parts in the side of div that doesn't have shadow???????

when i heard that ie9 supports css3 i knew that this is unbelievable ie will still be my Nightmare!!

I'开发者_JAVA百科m afraid of future appearance of the website in ie 9 so i add this <meta http-equiv="X-UA-Compatible" content="IE=7.5"/>

when i used IE=7 or IE=8 the problem still as it is but know it appears better after adding that line but with no support for rounded corner.

How are you telling IE9 to implement the corners and gradients? Are you using the IE filters (like I assume you're using for 7 and 8)? Or are you actually using CSS3?

If you're using filters, try making IE9 just use CSS3. You can put the filters into their own stylesheet and just use conditional comments to target IE8 and below for them, so IE9 ignores the filters altogether, that way you know they're not interfering.