title: Fancy Box appears under CSS-menu
body: <p>Listen; I have read and read but couldn't find an answer that fit my problem.</p>
  
  <p>I'm using Fancy Box on my website <a href="http://www.houdi.se/video.shtml" rel="nofollow">http://www.houdi.se/video.shtml</a> but have the problem that the Fancy Box appears UNDER the menu when a video-link is clicked (its Responsive). 
  Viewed in a browser there's no problem since it fill up. BUT when narrowing the browser the menu problem arises. Also viewing the top video in an iPad.</p>
  
  <p>I'm using Adaption-plugin from ProjectSeven for the website. It's a Responsive CSS layout: <a href="http://projectseven.com/products/templates/pagepacks/adaptations/index.htm" rel="nofollow">http://projectseven.com/products/templates/pagepacks/adaptations/index.htm</a> </p>
  
  <p>That plugin also uses Project Seven's Pop Menu Magic 2 for the menu.</p>
  
  <p>I'm not a code wizard but I have tried to increase z-index but it didn't work OR I have not increased the rift one?</p>
  
  <p>Have now spent several hours working with this problem and happy for all help I can get. Just tell me what code you want to see (or have to see).</p>