Hide CSS Styles from IE
Recently I've run into a problem with my website.
I put together a new style using a PNG file as the background. After reviewing my changes in Firefox I was all happy, but then I looked at the same page in Internet Explorer (IE).
I was dropped flat on my face when I found that my new updates were not displaying right :(
After much searching I found the "IE Hack" to hide styles from IE.
#style
{
background-image: url('proithosting.png');
}
* html #style
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="proithosting.png", sizingMethod="crop");
}
Using the * html hides the #style from IE browsers. This helped me fix my problem. I hope it helps you as well.
For more help on this topic, check these links:
http://www.themaninblue.com/writing/perspective/2004/06/18/#content
http://msdn2.microsoft.com/en-us/library/ms532920(VS.85).aspx
http://homepage.ntlworld.com/bobosola/index.htm