Seeking assistance with rounding the corners of navigation tabs in IE8 on my slider at csr.steelcase.com, including tabs like "Our Vision" and "Note from our CEO."
Using WordPress for the site and have correctly installed CSS3PIE based on various articles, but still unable to achieve rounded corners in IE8. Attempted linking directly to the PIE.htc file as well without success.
body.company .flex-control-paging li a.flex-active{background: white; color:#333;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
zoom: 1;
position: relative;
behavior: url(http://csr.steelcase.com/wp-content/themes/steelcase360_theme_csr/pie_ver1/PIE.php);
}
Any suggestions or solutions would be greatly appreciated. Thank you for your assistance.