Scroll Problem in Chrome (Gradient Background)

[ShadyElGewily]

Dear Community,

This is my first post on this forum, so please correct me if I need to include more information, code, or screenshots. I'm having a problem with my website and it only seems to happen on Google Chrome, and in particular on the computer where I am at now. This problem does not seem to happen with other browsers on this computer, nor on other computers in general.

http://postimage.org/image/ha9trlpdf/

This is an image that shows the problem at hand. When I scroll quickly in Chrome, elements of my page move over and under eachother, seem to "reload" and reposition, and then display correctly again. However, this looks very ugly. This is how it should actually look like.

http://postimage.org/image/ntiaf7brv/

I have read upon this subject, and it appears that it might have something to do with using webkit-linear-gradient. I have a full width div, filled with a gradient, a smaller div doing the same thing (different height), and nested in those div, is my "table" element, which contains the image. The image is .PNG with a transparant background, and overlays the gradient background. I have set the background-size explicitly to avoid problems. I am hoping someone could point me to the right direction. Please tell me if I have to include more information.

Best Regards,

Shady El Gewily

[chrishirst]

At a guess.

A: do NOT use tables for layout.

B: reduce the "byte weight" of the images.


other than that we need a URI.