
Border Radius not working in IE8
Hello there, any chance I can get some help on this please?
Yes, I have checked the Known Issues and have added position:relative to the class in the css file, but I am still not getting the border radius to show in IE8. Pie is in it's own folder 'pie' and the path to it in the css file is relative to the index page needing it.
Any ideas what it is I'm doing wrong? Here's a link the page in question, the problem is with the rounded corners on the top of the tab, bottom left on top of the footer.
http://waitakeries.businesscatalyst.comCheers in advance.
Grant
.topFootTab{
float:left;
width:100px;
padding-left:20px;
height:14px;
padding-top:10px;
background:#d5d3c7;
color:#1c5747;
font-size:12px;
text-transform:uppercase;
font-family: 'RobotoCondensed-Bold';
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
position:relative;
behavior: url(pie/PIE.htc);
}