ie8 and text-decoration:none;

[dpbklyn]

Hello and thank you in advance...

I am optimizing a site for IE8 and the browser is not recognizing text-decoration:none; in my CSS. This is a link which occurs within h2 text.

h2	{
	font-size:1.53em;
        margin-top: 0px;
        padding-top: 0px;
	text-transform:uppercase;
	text-decoration:none;
	color:#F3F3F3;
}

I have also tried:

h2 a:link	{
	font-size:1.53em;
        margin-top: 0px;
        padding-top: 0px;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#F3F3F3;
}

The first bit of code works well with Chrome and Firefox, but neither nor a combination of both work with IE8.

Thank you for your help.

dp

[coothead]

Hi there dpbklyn,

from the minimal code that you have supplied, I am unable to recreate the problem that you are experiencing.

Do you have a link to the site or the full page code that produces the unwanted effect in IE8?

[dpbklyn]

Here is the page:

http://www.stlitsolutions.com/testimonials

The word "Testimonials" should not be underlined. I should probably mention that I am using WordPress as a CMS. I dont think that should make a diference. The other browsers see render the links correctly.

Thank you.

dp

[coothead]

Hi there dpbklyn,

The word "TESTIMONIALS" is underlined in Firefox and Opera also.

I would suggest that you change...

h2 a:link {

...to...

h2 a {