Hi!! I'm trying to give support for border-radius in IE8-
I have two different nav bars on my site, adding the .htc file it works fine with the first nav bar, but It doesn't work when I apply it in the second one?? any suggestions?? tnx!

It works with two divs, but not for two nav bars:

ul#nav li a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);

}

ul#nav_more_info li a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc); /*Not working*/

}

Can you share a link?

thanks

here: http://goo.gl/jGd2p

For now I applied the PIE.htc file just in the first navigation bar

At the bottom there is another nav bar, in IE8 are just squares

when I apply behavior: url(PIE.htc) to that nav bar, the boxes dissapear

Thanks

Ok now I get it, apply the .htc and check this out: http://css3pie.com/documentation/known-issues/#z-index

Thanks a lot for the help

I made the target element position:relative
in my case, for the second nav bar, I added position: relative, so:

ul#nav_more_info li a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
behavior: url(PIE.htc);

}

Now the border radius shows up

TNX