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