Div passa por trás dos elementos da página

Caraca o negócio aqui tá doidão.....

Tenho um menu que é gerado por uma classe em PHP..mas a formatação dele é inteiro por CSS, e quando testo no IE6 o menu passa por trás de combos,etc.....como fazer com que ele fico sobre o elemento HTML...???

Segue ai meu fonte:

CODE
/ ------ :hover simulator for IE ------ /body{behavior:url("/fwPHP/css/csshover.htc");}

/ ------ Basic style ------ /

#menuDiv ul{margin:0;padding:0;border:0;list-style-type:none;}

#menuDiv li{margin:0;padding:0;border:0;display:block;float:left; cursor:pointer; / position:relative; retirado para funcionax no firefox /}

#menuDiv a{float:left;float:none;display:block;}

#menuDiv li ul{visibility:hidden;position:absolute;z-index:50;}

#menuDiv li ul li{width:100%;display:block;float:left;position:static;}

html>body #menuDiv li ul li{float:none;position:relative;}

#menuDiv li ul li:hover{position:relative;}

/ fix the position /

#menuDiv li ul li ul{top:0;left:100%;}

/ simulate child selector for IE /

div#menuDiv li:hover ul, #menuDiv li:hover li:hover ul, #menuDiv li:hover li:hover li:hover ul{visibility:visible;}

#menuDiv li:hover li ul, #menuDiv li:hover li:hover li ul, #menuDiv li:hover li:hover li:hover li ul{visibility:hidden;}

/ do the normal show, with increased specificity /

#menuDiv ul#menuLista li:hover > ul{visibility:visible;}

/ ------ Make-up -------- /

#menuDiv{background-color:#F7F7F7;background-image:url(../img/bg_mnu.gif);border:1px solid #FFF;height:19px;overflow:visible;position:relative;width:775px; z-index:10; clear:both;}

#menuDiv div.esq{float:left;}

#menuDiv div.dir{float:right; padding:1px 5px 0 10px;}

html > body #menuDiv div.dir {margin:-20px 0 0 0;}

#menuDiv div.dir a{display:inline;padding:0;margin:0;}

#menuDiv div.dir img{margin-left:10px;}

#menuDiv li{width:auto;}

#menuDiv li ul{color:#000;background-color:#FFF;border:1px solid #CCC;width:150px;}

#menuDiv a{color:#333;font-size:11px;padding:3px 15px 0 10px;text-decoration:none;}

#menuDiv ul li:hover{background-color:#CCC;}

#menuDiv ul li a{padding:3px 10px 3px 10px;}

#menuDiv ul li ul{background-color:#F5F5F5;border:1px solid #D4D4D4;}

#menuDiv ul li ul li a{background-image:none;padding:0px 16px 0px 5px; border-bottom:solid 1px #DDD;}

#menuDiv ul li ul li a.submenu{background-image:url(../img/bt_seta.gif);background-position:100% 2px;background-repeat:no-repeat;padding:0px 16px 0px 5px;}

#menuDiv ul li a.submenu{background-image:url(../img/btn_aba.gif);background-repeat:no-repeat;background-position:95% 50%;padding:3px 16px 3px 5px;}

/ ------ Fixes -------- /

#menuDiv{border:1px solid #fff;}

Não sei oq acontece...mas dão uma olhadinha ai:

/applications/core/interface/imageproxy/imageproxy.php?img=http://segundaigrejabatista.com.br/porcaria.PNG&key=8a09c4b6ab875eb9eeb77d84c1f0a9b10677847cc86cce01c3c6efae05c94114" alt="Imagem Postada" />