Weird IE8 layout glitch - why does the body background disappear?

This is one of those "what the bloody hell" problems that I don't even know how to approach.

I have this website: http://www.mojalbum.com and if you open it in IE8 it loads fine, and after half a second the layout gets messed up. If you then resize the window it gets back to normal. Also if you open developer tools and disable and re-enable a CSS property (does not matter which one) the layout gets fixed too.

Unfortunately I can't remember when this started happening so I don't know what I did that caused this. And I really have no idea what to do. I've spent 3 hours searching for a solution on google without any luck (to be honest I'm not really sure what to search for).

Here is the messed-up screenshot: enter image description here

And this is how it should look: enter image description here

I'm using Internet Explorer 8 (v 8.0.7601.17514) on Windows 7.

Edit: I've now managed to (kinda) isolate the problem. If jQuery (v1.6.1) is included on the page then this thing happens. Including jQuery v1.3.2 does not cause this problem.

9
задан thirtydot 15 September 2011 в 14:54
поделиться