Tenho o seguinte botão com o menu de contexto associado

    <div class="control-action"> 
        <button>Action</button> 
        <ul style="display:none">
            <li class="action-remove">Remove</li>
            <li class="action-detail">Detail</li>
            <li class="action-assigned">Assign</li>
        </ul>
    </div> 

Quando o botão é clicado no @ associaul aparece abaixo dele como um menu de context

Isso está funcionando muito bem em todos os navegadores, exceto no IE 7. No IE7, o menu de contexto (ul) é exibido abaixo do botão abaixo. Eu imagino que isso provavelmente se deva à forma como o contexto de empilhamento está resolvendo esses elemento

Meu CSS atualmente se parece com isso:

.control-action
{
    position: relative;
    text-align:right;
    width:100px;    
}

.control-action ul
{
    position:absolute;
    z-index: 10000;
    list-style:none;
}

Alguma idéia do que estou fazendo de errado?