Problems with jumping scrollbars in IE

[bitbob]

Hi! New to this list... Big HELLO to everyone! :)


A look at the problem:

PROBLEM SOLVED





I have a problem; I've been developing a pretty large site and been using Firefox as my main browser (and checking IE from time to time). I have a large table-layout (I don't need a lecture on not using tables btw) with onclick events on the td's and a css TD.linked:hover to change the background color for the tds on hovers. This works flawless in FF but doesn't wok at all in IE (this isn't the problem though). You can check it out for yourself @ http://seriespel.tennis.se (Click on the link: "» Svenska Tennisserien inne 06-07" to get to the table).

Now to my problem; I'm trying to change the code so the behaviour in IE will be the same as in FF. I can get it to look, and work the same way, BUT no matter what I do the scrollbar on the right in IE will jump (changing position and size) whenever I move the pointer on or off a link...

Anyone know about this behaviour and what's causing it? I tried to do a local copy of the page that isn't dynamic but when checking the page in IE I got a warning from the security center about script on the page, and when I allowed it the page worked flawlessly... wierd...

[bitbob]

No one? Anyone have a way to make the background color of a TD (or TR) change on hover? A way that works in both IE and FF?

[rmedek]

Internet Explorer only supports the :hover psuedo class on links (anchor tags). So you'll need to use Javascript… this article (http://www.htmldog.com/articles/suckerfish/dropdowns/) has a good, lightweight script that works well.

Hope this helps…

[bitbob]

Thanks for your help.
I've tested the javascript, and I've also, instead of hover on the TD created something like:

TD A {
display:block;
width:100%;
line-height:100%;
}
TD A.hover {
background-color:#f00;
}


... both techniques produces the same result, and works both in IE and FF - but my original problem is still present - the scrollbar is very jumpy... :(

i'll try to post an example asap

[bitbob]

A look at the problem:

PROBLEM SOLVED...

(I'll edit my original post with this info too)

[bitbob]

I've finaly figured it out! We have kind of an akward (for me anyway) way to work with css-files over here. So after having a long look at all css-files for the project I found out that the container for the text "« till toppen på sidan" had a float:right; . Changed it to position:absolute; right: 40px; and everything works as a charm! :)