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

Accepted Answer

Thanks to rd5. He helps me out.

```
-webkit-transform: translateZ(0);
```

Fixed position element is flashing in Chrome when scrolling

Solution

Problem