Using CSS3Pie htc for border-radius in IE8

Question

I'm using the CSS3Pie htc file to enable border-radius in IE8, but I'm getting no effect. My CSS is:

button {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url(PIE.htc);
}

I've put PIE.htc in the public root (as is done on the CSS3PIE demo page), having tried in the same folder, using a relative uri and an absolute uri.

The demos are working; just not my code!

Thanks, Adam

Answer 1

Try adding

position:relative;
z-index: 0;

as suggested here http://css3pie.com/forum/viewtopic.php?f=3&t=10

This question is similar to the one posted here:

CSS3 PIE - Giving IE border-radius support not working?