將鼠標懸停在主標籤上應該顯示下拉內容

Question

這裏 - Demo當我將鼠標懸停在「軟件」選項卡上時，它顯示的內容在右側，這很好。但是當我將光標移動到右側窗格時，內容消失。因此，當用戶將光標移動到右側窗格時，應該顯示內容並且軟件標籤應該處於活動狀態（即應具有白色背景），並且在用戶將鼠標懸停在「產品&服務」選項卡上時，這應該是默認狀態。 這裏是參考鏈接 - http://www.onbase.com/（請在第二個選項卡上移動光標，即解決方案，我需要與此選項卡相同的導航）。 enter code here

Answer 1

JS Fiddle

的問題是子子菜單是20px遠，所以你徘徊在空的空間去子菜單，所以我與padding

#navME ul li .container .sub dl dd div.subWrapperLeft { 
    left: 200px; /* changed from 220 to 200*/ 
    top:0; /* changed from top: 10 to 0*/ 
    position: absolute; 
    width: 200px; 
    padding:0 10px; /** added **/ 
}