Hi I have this statement in my css .tag { font-size: 2.25em; [if lt IE9] font-size: 1.5em; } Code (markup): But IE 8 ignores this and shows the larger font size, and it does not fit, so it is wraping and there is no space for it to wrap. Looks fine in Firefox and Safari... What do you do to make IE8 show the correct (smaller) font size.
I am not sure about using the [if lt IE9] inside a CSS definition. What is normally done is you apply a class to the <html> or <body> element in case of IE9 & below, and use that class to apply your special styling. <!--[if lt IE9]><html class="ie"><![endif]--> then html.ie .tag { font-size: 1.5em; }
I read about that method too, but this website says you can insert the conditional statements (which are actually javascript) into css files. A lot of people advised against it by commenting on that page, for various reasons, so I will try the other method now.
Id like to replace all content with you need to upgrade your browser (and a link to firefox download page), but I doubt my client would like that. About 40% of visitors are on ie8 on my clients website.