div covers popup

[timmy01]

hi,

i got a calender popup but when i open it, it still lays
under a menu

//the div for the calendar popup:

<div id="calendarcontainer2" style="position: absolute; top: 100px; left: 555px; width:370px; height:250px; display: none; z-index:12;">

//the menu that covers it:

<div id="specialtriggers">
<ul>
<li><a href="#*$!">test</a></li>
</ul>
</div>

//in the css:
#specialtriggers {
float:right;
display:inline;
position:relative;
margin:0 3px 0 0;
}
#calendarcontainer2 {
width:553px;
height:241px;
position:absolute;
top:0;
left:1px;
display:none;
z-index:12;
font-family: Tahoma;
font-size: 11px;
padding-top: 0px;
margin-top: 0px;
}

can anyone help?
appreciate it!

[swa66]

The easiest hing to look at would be the z=index: I see twice 12, how about making on of them larger ?

[frattaroli]

you might want to clean up your code, there are a lot of unnecessary duplicates, and some conflicting values