html - superfish drop-down menu displaying underneath div below it -

Example of what this is doing:

I div class = "container_12 header" 2 more Div class = "container_12 content" to 1

ul class = "sf-menu" is set to 99, which is in container_12 header device

I have thought more about this problem before That would be the trick to properly set up the Z index for classes, but it is still giving me the problem of displaying the drop down menu below (container_12 content Mr.)

to appreciate any help, thank you.

  .container_12.content {z-index: 1; } .container_12.header {background-color: # 030; Height: 125px; Border: 1 px solid yellow; Z-index: 2; } 
  
 
 
 
 
 div where superfish menu and logout button property is  overflow : Scroll; Change it to  visible . 
 
  overflow: visible; Z-index: 0; Status: Relative;  Note : The z-index works only on the positioning elements (position: absolute, position: relative or status: fixed). 
 
 EDIT: For best results, first load  !