Impossible to hover with IE

[KAILEY]

To change the color of my <tr> in <table> after flying over, I use the following style:

.trcolor2 {
background-color:#E8E8EA;
font-size:12px;
}
tr.trcolor2:hover {
background-color:#D7D7FF;
font-size:12px;
}

This code works fine on Firefox! But IE8 can not see the files. Why can't I am unable to change this on Internet Explorer 8?

[Modifier]

I do not know if it is always the case with IE8 but with IE6, the :hover was accepted on the <a> tag itself.

[KAILEY]

Someone told me the same thing! I do not know how to work around, so can you see the highlighted line. With PhpMyAdmin for example, they have managed to do so. But I even worked their style file without finding out how they did. Can anyone help me?

[DotNetUser]

It works for me in IE8. A style :hover on a <tr> or <td> gives me the expected result. Anyway, with IE, there is always a combination of attributes that can bring that without really knowing why. Check also if there is no CSS rule that takes precedence over the :hover (there a debug tool integrated with IE8, never tested).

[CodGuru]

If you do not put doctype on your page, your browser goes into compatibility mode IE6 (not even IE7 but IE6) and thus :hover never work.

There are 3 rendering modes in IE8

- The rendering mode of IE8, if your site is well constructed and meets the standards (in fact especially if your site has a correct doctype)
- The rendering mode of IE7, if you click the rendering button or if you declare a meta tag
- The mode rendering IE6, if you do not have a doctype on your page, and IMHO is the case for you.