Javascript Style not persisting in IE7

[Chuckie]

http://preview.chucksoft.com/teledirect/home.html

It works in Safari and Firefox. Anyone have any idea's what I am doing wrong?

Thanks,

Chuck

[reybango]

http://preview.chucksoft.com/teledirect/home.html

It works in Safari and Firefox. Anyone have any idea's what I am doing wrong?

Thanks,

Chuck

Hi Chuck,

I think I'm missing the issue as I can't see it. Can you describe the problem a little further?

Rey

[Chuckie]

Doh! Totally made sense to me, forgot about the other people. So the issue is in the middle of the page there are What, who, when... etc.

In Firefox, when you hover these the background color changes. So the last one you hovered over is always the darker blue. The background color persists on the last one you hovered over.

In IE this is not the case. Once the mouse is moved off, the area returns back to the lighter blue. I want it to stay the darker blue. One of the items will always be selected.

Any clue why this is happening in IE7?

Thanks,

Chuck

[Chuckie]

Doh! Totally made sense to me, forgot about the other people. So the issue is in the middle of the page there are What, who, when... etc.

In Firefox, when you hover these the background color changes. So the last one you hovered over is always the darker blue. The background color persists on the last one you hovered over.

In IE this is not the case. Once the mouse is moved off, the area returns back to the lighter blue. I want it to stay the darker blue. One of the items will always be selected.

Any clue why this is happening in IE7?

Thanks,

Chuck

Can anyone throw some love my way on this issue?

[jimfraser]

IE doesn't like these lines:
linkElements[i].removeAttribute('style');
element.setAttribute('style', 'background-color:#345f8a;');

I replaced them with:
linkElements[i].style.backgroundColor = "";
element.style.backgroundColor = "#345f8a";

and it worked