smooth-graphics/modx-boilerplate — Issue #80: PIE.htc not creating corners in IE8
Author: sonicpunk
Created: 2011-11-02 15:13:07+00:00
State: open

I have been trying to get rounded corners on a div using PIE.htc , your boilerplate and IE8. Unfortunately, in IE8 the rounded corners are not being created. Here is the style sheet implementation:
#header_content{
margin:auto;
width:978px;
height:157px;
background-image: url(../img/bkgd-header.jpg);
background-repeat: repeat-x;
margin-top:20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-o-border-top-left-radius: 10px;
-o-border-top-right-radius: 10px;
-ms-border-top-left-radius: 10px;
-ms-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
behavior: url(../img/PIE.htc);
position:relative;
}