div分层问题

Question

我正在为内部服务器上的现有Web应用程序开发，因为它非常非常混乱，所以我无法真正发布所有代码，但我可以向您展示问题和相关CSS代码的屏幕截图：

的语言菜单中应该是蓝色边框的盒子上面，而是它的下面。

它在FF的伟大工程，这是一个IE7截图

蓝色边框的盒子CSS：

.categoryBox { 
    width:100px; 
    background-color:#000; 
    border-style:solid; 
    border-width:1px; 
    border-color:#007CF7; 
    padding:5px; 
    float:left; 
    height:260px; 
    margin-right:25px; 
    margin-bottom:20px; 
    text-align:center; 
    width:200px; 
    position:relative; 
} 

语言菜单CSS：

#ChooseLanguageDlg 
{ 
    display: none; 
    position: absolute;  
    width: 87px; 
    height: 180px; 
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top:0; 
    margin-top: -9px; 
    border: none 1px White; 
    left: 751px; 
    top: 10px; 
    font-size:11px; 
    overflow:hidden; 
    text-align:center; 
} 

注：语言菜单使用javascript切换显示/隐藏。

编辑： 添加的z-index到语言框不会改变能见度IE