Access is denied to: file~PIE.htc
I have seen this question/problem come up several times, but the resolutions have been ineffective for me. So...
I have reduced the code to the bare minimum in an attempt to isolate the problem, but still no joy. Here's the code:
border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-khtml-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-o-border-radius: 12px 12px 12px 12px;
box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.5);
<div class="css3-pie-gradient"><!-- --></div>
The path to the *.htc is correct (I've also tried moving the *.htc to the root.dir; no joy there either), the position is set to relative, so I'm at a loss as to why this isn't working.
This test page can be viewed at: http://gu3media.com/NSSC/tester.htm
This is (mostly) comparable to http://www.a2zwebhelp.com/css3-pie
, but while their example works, mine does not.
Any suggestions/help would be greatly appreciated.