Page elements disappearing in chrome

Question

I have an issue in a site that I've been working on, and it's only happening in Chrome.

After the page loads (link below), everything but the navigation bars and sponsors banner disappears. However, if I scroll down, things reappear the way they should be. Scroll back up, and they disappear again. I haven't been able to test this out in many other places, but I've tried it on at least one other computer (in Chrome) and the same thing happens. I was not the one who built the site originally, but I have been working on it for a while now and have a pretty good understanding of it. However I've never seen anything as weird as this. Other notes: Sometimes the whole background and content disappears, sometimes only portions of it. It's also really laggy, again only in Chrome.

I think this may be JavaScript related, but I don't know. Can anyone tell me why the page behaves this way? Maybe how to fix it? Why it only happens in Chrome? Help would be greatly appreciated.

Link: http://www.calpolysae.org/main/baja_media.php

Here are a couple screenshots too, to show the difference before and after scrolling down.

https://drive.google.com/folderview?id=0B7HP2Q5qXoqrTjdwMldBbzRDVm8&usp=sharing

Answer 1

start with fixing the error on page : "'jquery' with version '1.10.0' not found! " afer that said, i think it related to the width of that banner:

 <img id="banner" style="position:relative; top:-300px; width: 430px; height:auto;display: block;" src="images/SAElogo.png">

try to make it smaller , set it to :

width: 300px;