intermittent background-load bug in Chrome

Question

Heres the story:

When I load the following page in chrome (verified across 2 computers), it seems like about 1 in 5 refreshes results in display errors.

Often, the background image only loads halfway down the the screen, and the bottom half displays only white (which is weird b/c I have the background set to black under the image.)

There is at least one other incorrect way that it displays which is a less exaggerated version of the other problem.

Since it only happens sometimes and only on chrome (as far as I can tell) and only on one page of the site, I have ignored this issue for more pressing concerns; but I develop in chrome so I am constantly reminded of it.

I have absolutely no clue why this kind of thing would happen and even less of a clue how to remedy it. Any insight anyone might have would be greatly appreciated.

The page

Answer 1

Try to load your page in Safari. If you see same problem, means you missed a bracket or semi column in your css. Webkit browsers seem to handle css errors this way. I had same problem happening to me once. My css file was over 2800 lines. It took some time to find the error. Best.

Answer 2

Problem Solved: Added background-color:#000 to html. This does not really address why its happening but does seem to address the symptoms.

I found This Question which had already addressed a similar issue, but at a more basic and understandable level.

EDIT: This Answer did not work. It came back! lol I give up