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 Ch
IE8 is not the usual culprit for :hover
problems. If you can't get it to work, there's always jQuery!
$("#tabb tbody tr").hover(
function() {
$("this").children("td").css( { 'background-color': '#d0e4f2', 'color': '#006' } );
},
function() {
$("this").children("td").css( { ... } );
}
);
my guess is something wonky in your html code for the table. as you can see on this quick and dirty fiddle, your css is a-ok:
http://jsfiddle.net/PwZsN/
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
.