towards seamless "previous" and "next" navigation

Hi all,

Having done my darndest to find some solution to what I see as a bump in the css road, I refer you to the following:

http://we04.com/gallery/index.cfm?StartRow=81

In Mozilla 5 (Firefox 1.5 in my case), if you click on, for instance, the "previous" link, a new page will load rather quickly, with the "previous" and "next" links ending up in the same place as the previous page. If you have not moved the mouse during the page load, the link ends up under the pointer. Well, assuming you still have not moved the mouse, no mouse event has triggered the hover property on the freshly loaded link. Until you move the mouse by a pixel or more, of course. Then all is well with the world again. In IE6, once the page is fully loaded, the hover properties will replace the default appearance without assistance from a user initiated mouse event.

Is there a workaround, either in javascript or some css trick that will give a more seamless visual cue?

I don't know if the lack of response is because what I'm looking to accomplish is not clear, or we are all truly stumped. Is there any way I can help stimulate discussion?

You might try window.scrollBy(0,20); window.scrollBy(0,-20);

But that would be kind of annoying I think...

Thanks, JKD.

I gave your solution a shot. The difficulty with using window.scrollBy is that it will only scroll if there is real estate to scroll. Am I correct? When I shortened the browser window to force right scrollbars, "window.scrollBy(0, 20)" associated with an onLoad event in the body tag worked. However, when the window was maximized and all elements were showing (therefore, no right scrollbar), it did not scroll by 20 pixels.

Upon second thought, 20px is quite a lot. Maybe even just using 1px would trigger the hover state.