I created a basic HTML/CSS code for testing purposes, but I'm having trouble getting the library to function properly. I've placed the .htc, .php and .js files in the same directory as index.html, but it just won't work.
All the files are accessible via URL in the same directory as index.html, which should be sufficient for it to work. I've attempted adding the behavior tag and setting position: relative, z-index:0 in the CSS file, but Internet Explorer seems unable to recognize these properties.
The Code: HTML
<link rel="stylesheet" type="text/css" href="index.css">
<script src='jquery.js'></script>
<script src='PIE.js'></script>
<body>
<div>test</div>
</body>
CSS:
div {
float: left;
position: relative;
z-index: 0;
width: 300px;
height: 300px;
-webkit-border-radius: 10px;
-moz-borderradius: 10px;
border-radius: 10px;
-pie-box-shadow: 1px 1px 10px #000;
box-shadow: 1px 1px 10px #000;
behavior: url(PIE.htc);
background-color: red;
}