I have seen several posts about this issue, and all answers there I've tried out, but I cannot get by border radius to work on IE6-8...
here is the site:
http://www.hetpaddenstoelenhuis.nl/wordpress
I tried both border-radius.htc and PIE.htc
I have uploaded them to all kinds of directories (root, wordpress root, template folder) and tried all kinds of paths
I tried this in the header:
<style type="text/css">
#wrapper, #header-img, .child-thumb {
behavior: url(<?php echo get_bloginfo('url'); ?>/PIE.htc); }
</style>
and this:
<style type="text/css">
#wrapper, #header-img, .child-thumb {
behavior: url(<?php bloginfo('template_directory'); ?>/PIE.htc);
}
</style>
I tried adding the zoom:1; I read about.
I tried adding this to the functions.php:
if ($wp_ver >= 2.8) include(TEMPLATEPATH . '/includes/widgets.php');
function my_render_css3_pie() {
echo '
<!--[if lte IE 8]>
<style type="text/css" media="screen">
#wrapper, #header-img, .child-thumb
{
zoom=1;
behavior: url('.trailingslashit(get_bloginfo('template_url')).'js/PIE.php); }
</style>
<![endif]-->
';
}
add_action('wp_head', 'my_render_css3_pie', 8);
But nothing seems to work!!!
I even tried deactivating all my plugins, to see if any of those was the problem...
Any help is appreciated, thanks!