CSS3 PIE call not working

CSS3 PIE call not working

I have a site here...
View it in Chrome/FF, and you'll see the labels come up with rounded
corners. IE8 still showing squared corners.
Here's the CSS where I have my PIE being called...
.class-name { background-color: #fff; float:left; margin: 10px 5px 10px;
height: 15px; line-height: 15px; vertical-align: middle; padding: 15px;
width: auto; font-size: 14px; font-weight: bolder; color: #000000;
text-align: center;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-toopleft: 20px;
border-radius: 20px; /*PIE only supports parsed CSS (Shorthand) */
behavior: url(PIE.htc); }
I have the PIE files located in my root folder. I just don't understand
what I'm missing here...