Hover effects not working with IE8

html css internet-explorer-8 hover doctype

Lazer · Jun 7, 2011 · Viewed 34.2k times · Source

I used CSS for a color change on hover for a table

#tabb tbody tr:hover td{
    color:#006;
    background:#d0e4f2;
}

This works fine in Chrome and Firefox, but the hover effect does not happen in Internet Explorer 8.

Is there a way to make this effect work with IE8 as well?

Answer

That should work fine in IE8.

A stab in the dark:

Make sure you have a doctype as the very first line of your HTML that triggers Standards Mode, such as:

<!DOCTYPE html>

In Quirks Mode, IE emulates version 5.5, which does not support :hover on elements other than a.