Header behind content when scrolling

I am getting a few complaints from users that use Apple Safari as their browser. The header of the theme that stays fixed at the top of the browser goes behind the web sites content when scrolling through the page. It even happens on your demo web site. Other browsers seem to be okay. Here is the problem in action: https://www.dropbox.com/s/t4gz77gxi20sdym/problem.mp4