Problema z-index menu css

[Sonikag]

Sto facendo un menu css su questo modello: (il secondo sotto) http://www.cssplay.co.uk/menus/example_flyout.html

Essendo che la prima voce di menu ha è più stretta rispetto alla prima ho fatto così:

<div class="menu">
<ul>
<li class="sub">Voce 1
<ul class="su">[*]Sub1_1[*]Sub1_2[*]Sub1_3[/list]

[/list]
</div>
<div class="menu2">
<ul>
<li class="sub">Voce 2
<ul>[*]Sub2_1[*]Sub2_2[/list]

[/list]
</div>

.menu{
z-index:100;
}

 .menu2{
z-index:80;
}

.menu table{position:absolute; border-collapse:collapse; top:0; left:0; z-index:110;}
.menu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:90;}

Su FF funziona bene ma su IE il menu a tendina in alto viene in parte coperto dal rettangolo di Voce2 nonostante abbia uno z-index più basso.