Hover table row style doesn't work in IE

Question

I found a great way to create a rollover effect when you
hover over a table row, by giving the row a class of "resultsRow"
and using the following rules in my stylesheet:
.resultsRow {
background-color: #EAEEB1;
.resultsRow:hover {
background-color: #D2DE56;
This works perfectly in Firefox, but doesn't work at all in
Internet Explorer, which is what most of our audience will be
using. Does anyone know a fix for this in Internet Explorer?

Answer 1

On Thu, 20 Jul 2006 08:21:43 +0000 (UTC), "Claire S"
<[email protected]> wrote:
> .resultsRow {
> background-color: #EAEEB1;
> }
> .resultsRow:hover {
> background-color: #D2DE56;
> }
>
> This works perfectly in Firefox, but doesn't work at all
in Internet Explorer,
>which is what most of our audience will be using. Does
anyone know a fix for
>this in Internet Explorer?
As you've seen, IE is ancient and doesn't support it. You can
do it
pretty easily with JavaScript:
<style type="text/css">
.resultsRow {
background-color: #EAEEB1;
.resultsHover {
background-color: #D2DE56;
</style>
<tr class="resultsRow"
onMouseOver="this.className='resultsHover'"
onMouseOut="this.className='resultsRow'">
Gary