Thanks guys,
There was a style deep inside of another stylesheet that was
explicitly defining a background color and was loaded after the style
sheet containing this definition. I should have double checked this
before I posted.
Bryan Migliorisi
On Jan 7, 6:35 pm, David McFarland <[EMAIL PROTECTED]> wrote:
> > <-------------------------------------------->
> > $('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
