Hi,
It is really hard for me to address the issues, as i am a Mac user and i don't have IE to browse your website and see the source codes.
Did you get that screenshot from IE9 ? Or did you use a developer tool and set IE8 or any lower version? IF so, you should be aware, we never considered IE8 while developing. Even Microsoft stopped supporting IE8, why would we?
But, from the screenshots, i am seeing that the Font-size are not the same (for the top-right menu items)
It must be because of the "Font-family" you are using,
Kreon
Apparently the IE doesn't support custom font. As i was thinking IE9 supports though.
Can you try to change the font-family? Try the ordinary font families (arial, verdana etc..) or try Google Fonts.
About the frame border with Facebook. It is again very interesting, because Facebook SDK is responsible to generate the iframe and it is really weird they forgot to remove the frame border for IE.
There is not much thing we can do with that, as we have used Facebook official SDK to generate the like box (which opens inside the iframe). This is why i am strongly thinking, you took that screenshot from an IE8, this clearly says that even Facebook doesn't care about IE8
About the font color differentiations,
I am seeing you have used CSS3 rule to change the font color:
Attachment Pasted_Image_4_25_14__12_39_AM.png not found
ul li:not(:first-child) a {
The :not selector comes with CSS3 (originally invented by JavaScript) and it is supported in all major browsers, but not with older browser (for example IE8). This proves that you took that screenshot from IE8. So, disregard what i have told you above.
There is only one thing can be said: Our templates have been developed to work with Modern browsers, and doesn't support IE8, IE7, IE6 etc..
By the way, If you want set color for UL > LI > A , and set an another color for the 1st item, then you should use this:
ul li a {
color:#ff0000;
}
ul li a:first-child {
color: #fff;
}
the above CSS rule means; all the ul > li > a will be RED, but the first-child will be WHITE. And it is supported by all browsers (including IE8)
This is a better usage. And put that CSS declaration into a CSS file, for example to this:
/templates/flexilbe_coolmart/css/custom.css
Don't use inline style.
Regards,
Support