Table Hover

[johnny190]

Hello,

I'm trying to make the following work with a big table:

http://juicystudio.com/cognitive/example16.htm

(so that when a user hovers over the table, it lights up).

However, in IE, the hovering part seems SLOW. Again, this is only when I use a big table. In Firefox, the hovering part is FAST, even when using a big table.

Are there any alternate routes I can take to make my big table light up fast? (just as it does in Firefox?)

Thanks.

[johnny190]

anyone? is there an alternate way to do this?

[fisherboy]

I am not sure at all.

Is there any way to have a look at your big table and try it? Can you post a link?

[Tyssen]

As IE doesn't natively support :hover on non-pseudo elements, it's probably going to be something to do with the javascript.

[johnny190]

The code that I have works, but it just lags a bit with the big table I have in IE. To make it function in IE, I'm using the following JS file:

http://juicystudio.com/cognitive/ie7-standard.js

Now, everything is great with this file, but again, it just isn't fast with a BIG table.

My CSS is this:

#hover table:hover {
background: #f8f8f8;
}

And in my code I use this:

<div id="hover">

2 nested tables here.

</div>

What can be done here? Is it because I'm using a nested table? In Firefox, it works perfectly, and in IE, it works the same, but it is just noticeably slower.