Dropdown menu going behind a block

[ChrisRChamberlain]

Using the following code, position: absolute keeps .rightcol correctly positioned when a tree type menu expands and contracts in leftcol.

<style>
.leftcol {
position: absolute;
left: 0px;
top: 0px;
width: 175px;
margin: 0x;
padding: 0x;
border: 0px solid black;
background-color: #eeeeee;
}

.rightcol {
margin-left: 175px;
padding: 0px;
border: 0px solid black;
background-color: #dddddd;
}

p { font: 10pt verdana,sans-serif; color: black;
padding: 20px; margin: 0;
border: 0px dotted black; }
</style>
</head>

A dropdown menu drops down over .rightcol correctly but behind .leftcol

z-index of the dropdown menu is 100.

Apart from repositioning the block further down the page to avoid the problem, what other alternatives are there, please?

TIA HTH

Chris

 

[ChrisRChamberlain]

<style>
.leftcol {
position: absolute;
left: 0px;
top: 0px;
width: 175px;
margin: 0x;
padding: 0x;
border: 0px solid black;
background-color: #eeeeee;
z-index:-100;
}

That fixed it! HTH

Chris