IE8 rounded corners issue

2.9k Views Asked by At

I've encountered odd problems with rounded corners in IE8. .htc file was used and http://wpdev.net78.net/ looks OK in IE8, however there's a problem with 2 of the corners - 1st is under TEST link and second at the bottom. I've applied the same rules as to the other elements, however this one don't wants to cooperate... Any ideas?

1

There are 1 best solutions below

3
On

You should switch to PIE.htc (see http://css3pie.com/). It's a newer and much improved alternative to the old HTMLRemix HTC file you're using. It uses the same basic technologies, but more features and better performance. Plus it's under active development, and if there are issues with it, the author is very responsive about dealing with them.

There's a very good change that CSS3Pie will resolve the problems you're having.

If you do still have problems, there are some common issues when dealing with IE with this sort of thing. The biggest one is that in IE elements need to have the "addLayout" flag triggered in order for these HTC programs to work properly. This is an IE-specific glitch; try adding position:relative; or zoom:1; styles to the affected elements, and see if that helps. The CSS3Pie site has a 'common issues' page which discusses these points in more detail; why the happen and how to deal with them.

Hope that helps. :)