I have this header that is fixed to the top of the page, it contains the menu etc, and then i have a background image that is set to
background: url('../imgs/....') no-repeat top left fixed;
So when the content is scrolled it goes behind the header and this image basically hides it from being seen in the background as a user scrolls.
All is well, until I a youtube video is scrolled underneath, it basically reset the background image and adds padding etc, it seems to be the ‘fixed’ part of th ecss that is the only issue and ONLY in chrome.
Any Ideas how to solve this chrome issue or is there a better what to do it?