Social icon do not display properly in IE7/IE8

Hi Gavick Team,
I've noticed that social icons do not display properly in IE7/IE8. Compared to other browser (Firefox or Safari) the icons shows a strange effect. In addition in IE7 the images are cutted to the right. See attached images.

Any idea to solve it?

Thanks in advance.

Firefox

Firefox.jpg

IE7

IE7.jpg

IE8

IE8.jpg

Hi Gavick Team,
I understand that this is not a relevant problem but can you please take into consideration this issue or give at least an answer?

Thanks in advance.

Hi

We don't see it that way . Of course it's relevant.
Anyway, i can't reproduce this issue from my side.
It's working perfectly on >IE7, so we need to see your website to check what's wrong.

Cheers

Hi,
thanks for your reply. This is my website www.ecquadro.com

I've noticed the same problem in your demo site (joomla 1.6)

Thanks

Hi

ok i see what you mean.
Please try adding this line on ie7.css file.

Code: Select all

#gkInset2 .box {display:inline;}

On ie8 i don't see any problem.

Thank you for the report.
I will recommend this to be added on next update.

Cheers

Thanks for your reply and for the solution for the problem in IE7.

About the problem encountered in both IE7/IE8 I mean the quality of image btw Firefox and IE7/IE8. Please see below the quality of Youtube icon btw Firefox and IE7/IE8.

Firefox

firefox_2011-03-28.jpg

IE7/IE8

IE7-IE8_2011-03-28.jpg

Cheers

Id like to add my site to this too - basically in IE 7 and IE the icons totally deteriorate in quality! Any fix for this?

Anyone?

I'm afraid that comes from IE while rendering PNG images can contain alpha (transparency) information.