>
>
> <-------------------------------------------->
> $('table tr').hover(
> function() {$(this).addClass('hover');},
> function() {$(this).removeClass('hover');
> });
> <-------------------------------------------->
>
>
> This is my CSS:
>
> <-------------------------------------------->
> tr.hover {background-color:#E6EEEE;}
> tr.hover a{color: #4F839F}
> tr.hover a:hover{background:none; font-weight:bold; color: #4F839F}
> <-------------------------------------------->
>
>
> This works fine in Firefox - it turns the background color light blue
> and sets the links inside that tablerow to a darkblue.
>
> In Internet Explore 7.0 (possibly others, but i havent tested in older
> ones yet) it only changes the color of the links - it does NOT change
> the color of the tablerow background-color.
Bryan,
Based on the snippets you provided this works fine for me in IE6 and
IE7 (Firefox and Safari too). Perhaps there is a conflict with other
style rules in your stylesheet.
--dave
