Wordpress Themes - WP Forum at BFA - [SOLVED] Widget and Header Styling (rounded corners etc) work in Firefox, but not IE9

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - [SOLVED] Widget and Header Styling (rounded corners etc) work in Firefox, but not IE9 (http://forum.bytesforall.com/showthread.php?t=16978)

[SOLVED] Widget and Header Styling (rounded corners etc) work in Firefox, but not IE9

Hi there,
I have been relying on Firefox and Firebug to do much of my work on my beta site, http://69.89.31.130/~catalyu8/ . Went to Internet Explorer and much of my formatting is not "taking"- most obvious examples are the rounded corners on my widgets and header, the shadow on my header. Here is an example of the CSS I have in the HTML/CSS Inserts Ata tab that is working in Firefox but not in IE9:

Quote:

/* Controls the Header (background) image having rounded corners and shadow */
div#imagecontainer {
border: transparent;
padding: 5px 10px 10px 10px;
box-shadow: 0 0 20px #333 !important;
-moz-box-shadow: 0 0 20px #333 !important;
-moz-border-radius:10px !important;
-khtml-border-radius: 10px !important;
-webkit-border-radius:10px !important;
border-radius: 24px !important;
}

Any ideas???? I figure some new eyes on this problem may help!

That's because some of that is CSS3. This might help at least for some of the CSS3.

looks good, try removing the

HTML Code:

-moz-box-shadow: 0 0 20px #333 !important;

-moz-border-radius:10px !important;

-khtml-border-radius: 10px !important;

-webkit-border-radius:10px !important;

and see what happens, ie has always been pickey... I don't have a ie9 capable machine so I can't test it for you.

Hi guys!
Larry- thanks much- the CSS3 PIE solution worked. Brilliant.

JDad- thanks to you too- just a note that apparently the statements you suggested be removed actually make that CSS3 formatting work in other browser formats, though when I removed it it still worked in Firefox (Mozilla which is the -moz statements). Not sure what webkit is but I think I'll leave them in there just to be safe (?)

Issue closed... thanks!