I have a page: at www.zionism101.org/defaultfornow.aspx.  It has a menu and a logo that are both placed by javascript.  This works fine in IE-9, and in chrome, and in Firefox, but in IE-8, I notice that (on my slow computer) I actually see the menu moving from the left side to come to its resting place in the center, and the logo also moves to its final resting place.

 

And its worse than that.  a whole bunch of things are superimposed on top of each other before the jquery straightens them out.  (Again, Chrome and Firefox and IE-9 have no problem)

The website is unusual in that it uses a menu to slide screens from right to left.  This has implications.  For instance, I need the menu to appear on all screens, so I use absolute positioning, and then use javascript to calculate the center position.  The same goes for a logo image.  And on top of that, some screens (which are really DIVs) have items positioned by absolute and relative positioning within them, and those positions are also calculated via javascript (and then set). 

On IE-8, the result is not good.

I think what is happening is that the browser first shows everything as it appears before jquery is run, and then slowly the javascript is run, which puts everything in the correct position.   So initially, not only is everything in the wrong position, but different DIVs appear on top of each other.

I could tell every user to get IE-9, but thats not a good solution since may users have Windows XP, and IE-9 does not work on it. 

I posted to a Microsoft forum, but their advice was: 'use the developer tools'.  The problem is, those tools don't help unless you have a bug in the script, and there is no bug, as I can see because the code works fine in all other browsers except the early IE browsers 6,7,8.

Perhaps there is no solution, and I have to cover everything with a black image until it straightens out.  But I'm posting here in case anyone has noticed problems with IE that they don't see elsewhere.

Thanks.