Fixed position element is flashing in Chrome when scrolling

Question

I am trying to make this website. It works great on Firefox, but not in Chrome. I fixed the header to the top. When scrolling it sticks on top and it is flashing in Chrome.

I don't know why, but I tried to fix this but could not. How can I fix the problem?

Site link: https://dl.dropboxusercontent.com/u/88666744/HTML/works/qcolor2Copy-fl/index.html

Please help me with this problem.

Thanks in advance

Answer 1

Thanks to rd5. He helps me out.

-webkit-transform: translateZ(0);