I see an issue in layout that seems to be caused by jQuery. It occurs when:
-) The page contains a reference to the jQuery script. The script is ONLY referenced and not used in any way. I am using jQuery 1.4.2.
-) The body tag has the CSS attribute "overflow" set to "auto". This should hide the unused scroll bar on the right side in IE.
-) The body contains a table with CSS attribute "width" set to "100%".
-) The page is viewed in IE 8. The issue DOES NOT occur with FIREFOX. I did not test with other IE versions.
The problem is that the table is not extended to the right border of the browser window. Instead it stops where the scroll bar would be if it would not be hidden by the overflow:auto setting.
I have created three test pages that show the problem:
-) Page references jQuery, layout is INCORRECT: http://www.the-ninth.com/demo/test_jquery.htm
-) Page does not reference any script, layout is CORRECT: http://www.the-ninth.com/demo/test_no_jquery.htm
-) Page references dummy script, layout is CORRECT: http://www.the-ninth.com/demo/test_jquery.htm
Interesting detail: with the test page the layout problem seems to occur ALL the time. With the more complex page that I am currently working on and where I originally discovered the issue the problem ONLY occurred maybe 2/3 of the time, while in 1/3 cases the layout is correct. The page is always the same, I just hit the reload button and sometimes the layout problem is there and sometimes not.
Kind regards, Robert