Only JQM elements sit above fixed header....

Only JQM elements sit above fixed header....

Hi Folks,

I have developed an app using a mix of JQM and HTML5 elements. The app has a fixed header which I have fixed using CSS rather than explicitly using the data-position="fixed" way as this doesn't work right for my app.

When I scroll the app, the header stays nicely in place and HTML5 elements scroll underneath it nicely. However if there is a JQM element such as flip-switch or button then they scroll over the top of the header!

Can anyone please give me any pointers as why this might be?

My header div is using the following CSS:

  1. position: fixed;
    top: 0px;
  2. left: 0px;
    width: 100%;