Superfish opacity problem

Superfish opacity problem

I'm having a superfish/ie/opacity problem as described below .... hoping someone can help me out:

I have a page with an image used for the background.  On that page there is a div with it's opacity set so the background image shows through.  In that div I am using a superfish menu ... it has several submenus.  When the submenus expand past the boundaries of the containing div they will not show in IE (FF is fine.)

Layout something like this:

 <div id="container">
          
           <a id="menuHeader" href="#">The Menu</a>
          
           <div id="menu">
               <ul class="sf-menu sf-vertical">
                  ......   
                </ul>
           </div>
                       
           <div id="content">             
              <h1>Header</h1>
              <p>Some text here ....</p>
           </div>
             
    </div>


CSS:

html{
    top:0;
    height: 100%;
    text-align:center;
    margin:0 auto;
    padding:0;
    background: url(../img/logo.jpg) no-repeat center center #fff;
    overflow:scroll;
}

#container {
    display:block;
    position: absolute;
    padding:0;
    width:100%;
    height:210px;
    background:#fff;
    top:50%;
    margin:-100px 0 0 0;
    border:solid #E69623;
    border-width:3px 0 3px 0;
   
    opacity: 0.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
   
    z-index:1;
}

#menuHeader{
    display:block;
    position: absolute;
    width:186px;
    height:32px;
    left:48%;
    margin:0 0 0 -210px;   
    top:24px;
    overflow:hidden;
    font-size:26px;
    text-decoration:none;
    color:#9CA716;
}

#menu{
    position:absolute; 
    top:60px;
    left:48%;
    margin:0 0 0 -170px;
    z-index:3;
}

#content{
    position:relative;
    display:block;
    width: 400px;
    left:50%;
    margin:0 0 0 -50px;
    padding:15px 0;
    top:10px;
}



Thanks in advance .......