FireFox display issue -- "the jumping menu"

[töff]

On my site http://www.sjcga.com I have a javascript-generated navigation
menu in the top right corner.

The menu works great in IE and Opera ... but in FireFox, on the 1st
click, the menu jumps to the right and doesn't follow the link. Then on
the 2nd click, the link works.

I've never seen anything like this, and I can't figure out what's wrong
with my code. I get no javascript errors in the FireFox console, and my
HTML and CSS have validated OK. And the menu works fine in IE and Opera,
and even in Safari.

Anybody ever seen this kind of response before in FireFox? Is there a
solution, or is the cause known?

Thanks in advance!

-- töff

PS (This is a restart from another thread that got interrupted.)
PPS (The Gallery on that site is also very problematic in FireFox and in
Safari; I am trying, this time, to approach them as 2 separate issues.)

 

[scripts.contact]

On my sitehttp://www.sjcga.comI have a javascript-generated navigation
menu in the top right corner.

The menu works great in IE and Opera ... but in FireFox, on the 1st
click, the menu jumps to the right and doesn't follow the link. Then on
the 2nd click, the link works.

Jumping Links -
http://groups.google.com/group/mozilla.support.firefox/browse_frm/thread/c6119419d8b1c6ba

 

[toff]

Jumping Links -http://groups.google.com/group/mozilla.support.firefox/browse_frm/thr...

Caret browsing? That's kinda weird.

Unfortunately, it doesn't seem to be the issue, in this case. I hit F7
bunches of times and kept clicking my menu, and I couldn't make the
jumps go away. (If they had stopped, I probably would have asked how
to shut off caret browsing via javascript.)

That's a great link though -- thank you! I'm reading further about it.

 

[toff]

http://www.sjcga.com/

Suddenly I had an epiphany. As usual, I was in the shower at the time.

THEORY -- I thought, the menu occurs early in the HTML page source, a
right-aligned table (which means other content will wrap around
it) ... and the rest of the content follows later in the page source,
and wraps around. I think FireFox (but not Opera or IE6,7 or Safari)
was rendering that table onto the page, with a certain width ... and
THEN coming along after the fact and placing the following content.
But, the width of that table might depend on the content later in the
HTML source. So FireFox is choosing a table width of X, and displaying
the table that way, only to learn a microsecond later that the table
width really ought to be Z, but it's too late because the table is
alread rendered at width X. Is the theory correct? I dunno. Why would
FireFox decide, upon somebody clicking a menu link, to rewrite the
page so the table appears at width Z? I dunno. (I suspect CSS).

SOLUTION - I set width parameters in the table, plus a placeholder
image for insurance, and THE PROBLEM WENT AWAY. The solution fits the
theory (doesn't mean the theory is true, though).

Woohoo, now to figure out why only the first page of the Gallery works
in FireFox ...