I'm trying to have the menu overlap in front of the header and footer. I'm using z-index and setting the position to either absolute or relative.
The menu uses jquery.ui.menu.css and jquery.ui.theme.css.
How can I make the menu overlap in front?
Here are some styles being used:
jquery.ui.menu.css:
Code: Select all
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
border: 1px solid #a6c9e2;
background-color:#f5f8f9;
z-index:999;
}
Code: Select all
#footer { width:100%; display:block; margin-left: 0; margin-right: 0; clear: both; position:absolute; z-index: -999; }