CSS3 PIE Rounded Corners IE8 Issue

CSS:
.johntest {  
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
background: #EEFF99;
behavior: url(http://www.mywebsite.com/client/clientname/pie/PIE.htc);
}

Open in new window


HTML Code:
<div class="johntest"></div>

Open in new window


The div is not displaying any rounded corners. Am I missing something?
LanmarkianAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
Your code works perfectly fine for me in IE8 (emulated). Make sure the path to your PIE.htc is correct.
0
LanmarkianAuthor Commented:
Hmmm...

The path is correct. I am using this in WordPress. Do you think that might have something to do with it?
0
Chris StanyonWebDevCommented:
Not sure, but the path to your PIE doesn't look like the normal path for WordPress assets. Normally, they'd sit somewhere in your theme folder.

Try it outside of your WordPress site with a very simple page. If nothing else, it will take WordPress out of the equation while your testing and make it easier to identify problems.
0
LanmarkianAuthor Commented:
Wow - so I put it outside in the root of the site where the pie folder is located. It's still not working! Could this be a server issue?

<style type="text/css">
.johntest {  
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
background: #EEFF99;
behavior: url(pie/PIE.htc);
}
</style>

Open in new window

0
LanmarkianAuthor Commented:
I figured it out.

This line needs to be in the .htaccess file
AddType text/x-component .htc

Thanks for the help!
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.