Removed text in round buttons but IE 8 still shows

I removed the text in the round buttons using:


#slide-controls #slide-nav a{
color:transparent;
}

That seems to work but the text still shows in IE 8.

Any Idea how to get IE 8 to work.

URL: larrynorton.net/baylor/

Thanks

I can not remember exactly because I did not use ie8 for long time , but maybe it does not support transparent for color property. So you can make color same as background:


#slide-controls #slide-nav a{
color:#FB5C1C;
}

#slide-controls #slide-nav a.on{
color:#FF9A01;
}

Thanks for your help. I am not sure placed in the right spot. Nothing change, I still see numbers in IE 8. I placed the code:


#slide-controls #slide-nav a{
color:#FB5C1C;
}

#slide-controls #slide-nav a.on{
color:#FF9A01;
}

in the default.php file right under:

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a

so it looks like this:

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a {
background-image:url('.$mosConfig_live_site.'/modules/mod_hot_image_slider/images/slide-nav-'.$buttonColor.'.png);
color:transparent;
top:11px;
position:relative;
}

div#slide-controls #slide-nav a{
color:#ef5f21;
}

div#slide-controls #slide-nav a.on{
color:#ff9a01;
}

Is that the correct place?

Ok, I checked your page , you used IE conditional and you put it inside of style block which will not work.

So if you want conditional add that with new style block just before ending of head tag:


<!--[if IE 8]>
<style type="text/css" >
div#slide-controls #slide-nav a{
color:#ef5f21;
}

div#slide-controls #slide-nav a.on{
color:#ff9a01;
}
</style>
<![endif]-->
</head>

Forgive me I am still new at this.

Do I change this in the default.php? I do not see a "head" tag in this file. I looked in my template html but I do not see that text in there. I did do a view source and I see it. How do I get to it to change? Do I move it down in the default.php?

In default.php that is string concat sequence so i don't recommend doing that there unless you are familiar with php, for previous post you shoud do that in index.php of template.

But maybe best is to use style.css in module tmpl folder. Add at the end:

div#slide-controls #slide-nav a{
color:#ef5f21;
}

div#slide-controls #slide-nav a.on{
color:#ff9a01;
}

#slide-controls #slide-nav a{
color:transparent;
}


with this 3 entries you would achieve same as with IE conditional in html generating file.