I found a demo version of a jQuery accordion menu that I liked. I want to implement it on my soon to be published home page, What it does not do is that it pushes and pulls the content below it, as down as the accordion expands and contracts. I thought I could solve this by setting the z-index to a large number like 50 so it would sit “Zwise” above the other HTML mark-up. This does not work.
Is there any way to float the z-index above the markup?
Here is the code from the CSS file:

/*
 * Menu code
 */

.menu_list {	
    width: 150px;
    border: solid 1px orange;
}

.menu_head {
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    margin:1px;
    font-weight:bold;
    background: #eef4d3 url(../images/left.png) center right no-repeat;
    border: solid 1px red;
}

.menu_body {
	display:none;
}

.menu_body a{
    display:block;
    color:#006699;
    background-color:#EFEFEF;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}

.menu_body a:hover{
    color: #000000;
    text-decoration:underline;
}

Thanks?
WBR

No need for help any more I found a solution.
WBR

This question has already been answered. Start a new discussion instead.