how to overlap html element on flash

http://i56.tinypic.com/9u801g.jpg

<table>
<tr>
    <td> <ul class="nav">
                <li>Menu</li>
                <li>Menu</li>
                <li>Menu</li>
                    <ul>
                        <li>Sub Menu</li>
                    开发者_如何转开发    <li>Sub Menu</li>
                        <li>Sub Menu</li>
                    </ul>
        </ul>
    </td>
    <td> <div class="flash">Flash</div> </td>
</tr>
</table>

.nav li ul{
    postion:absolute;
    z-index:+9999;

}

.flash{
    height:900px;
    width:600px;
    position:relative;
    z-index:-999999;
}

i am using z-index to overlap html element in the page.

But still sub menu is hiding inside the flash , can anyone help me to fix it

Set the flash wmode to transparent http://kb2.adobe.com/cps/155/tn_15523.html