[jQuery] jQuery jumping DIV issue in IE6
I used the ALA wrapper-free 3-column liquid holy grail (found at the
bottom of http://www.alistapart.com/articles/holygrail). In short I
set padding on the body, and use megative margins on #left and #right
to get them to stick properly. This layout works awesome in IE7,
FF2+, and Safari (haven't looked at it in Opera but it probably is
fine).
IE6 is the problem - I've got it down to when any jQuery code accesses
elements in #left, it jumps over a bunch of pixels. If I resize the
browser, it jumps back to where it should be until that jQuery code is
executed (brands/categories is clicked, or any of the nav links below
it are hovered over). It does it when the page first loads because I
run the swbrands() function on startup.
The only way I can see easily fixing this would be to rewrite anything
that accesses #left to not use jQuery. My design works flawlessly in
IE7 and all the compliant browsers so I don't want to change it. I
used FF3 and firebug and stepped through the JS code for jQuery but I
didn't see anything that looked like it would modify anything.
Anyone have any ideas on why running JS code on anything in #left
would cause that "jump"?
Thanks in advance for your help.