css - Vertically stacked fixed top html elements -

I am using CSS to create a CMS (dotnet) skin. The cm shows a control panel that is fixed at the top of the page when an administrator is logged in. How does it look like

  & lt; Div id = "dnnCPWrap" & gt; ... & lt; / Div & gt; #dnnCPWrap {width: 100%; Status: fixed; Left: 0 pixels; Top: 0 pixels; Z-index: 1001! Important; }   
 A menu of bootstrap fluid looks like this  
    
 As you can see, both are fixed on top of the window and because the Zero-index is more in the fluid menu, it covers the control panel of the CMS The question is whether it is possible to stack them over each other with a stacked control panel at the top?  
  Note:  The control panel of CMS is shown only when an administrator is logged in, so users do not see it. Thank you   
 
 
 I think the quick solution for editing CSS is:  
  #dnnCPWrap {width: 100%; Status: fixed; Left: 0 pixels; Top: 0 pixels; / * Keep the user's name elevated * / z-index: 1001! Important; }   
 With that solution the admin panel is displayed below the user nav menu.  
 If you want to keep the admin menu first, I think that you have to log in as admin and  head: / * admin menu height * /  < / P>   to overwrite the CSS of the user menu