Div Hidden behind another DIV with Web User Control in it

I am having some problems with my DIV, it wont display over a a DIV that has a web user control in it. Below you can find my css. I believe I have done开发者_C百科 everything right and am hoping that someone can maybe see an error that I have made and help me out. If you need any other code let me know. I also wonder if its just IE rendering it wrong? Thanks for looking.

The Popup CSS:

{
    background: #ececec; 
    position:absolute; 
    top: 236px; 
    left: 201px; 
    height: auto; 
    width: 280px; 
    border: solid 1px gray; 
    z-index: 50; 
    text-align:left; 
    padding-left: 5px; 
    padding-top: 5px; 
    padding-bottom: 15px; 
    font-size: 8pt;
}

The Activity DIV (same the div above just changed position)

{
    border: solid 2px #A9C5EB;
    position: absolute;
    top: 353px;
    left: 290px;
    width: 710px;
    height: 227px;
    font-size: small;
    overflow: scroll;
    overflow-x: hidden;
    background-color: #F8FBFE;
    z-index: 2;
}

---

To know the HTML is essential to fix your problem.

What is the html that contains your popup? Is it relative to the body tag or some other element? Is the containing element position: relative;?

Try setting the containing element's z-index and position:

#my-container {
    position: relative;
    z-index: 1;
}

See this SO post about absolute positioning.

On a side note, check out IE-7.js which fixes many IE browser issues, including - AFAIK - this bug.