Hello all, and thanks in advance for any help. I've added PIE elements to a div container. The elements work fine, but the PIE code is rendering the text that is held within the dev with the outline and shadow.

css:

#left-column{
float:none;
width:270px;
height: 270px;
background-color:#fff;
margin-top:50px;
margin-left:40px;
border: 1px solid;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888;
-webkit-box-shadow: 10px 10px 5px #888888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
behavior: url (http://westernreservehospital.org/citiz ... .0/PIE.htc);


the text is set up as such:
<div id="left-column">text</div>

thanks again.

I figured it out. I had to get rid of the ms filter code within the css

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

works perfectly!


Pie is awesome! Thanks.

Glad you figured it out. Enough people have run into the ms-filter conflict that I should probably add that to the Common Issues document.