帶UL LI懸停的子菜單變得透明

Question

我開發了一個簡單的菜單，使用UL LI和一個標籤，並添加了CSS樣式（在我的組織中使用的標準）。但是，當我將鼠標懸停在菜單上時，子菜單默認情況下會變爲透明。 CSS有一些基本的東西，理想情況下這不應該發生。請指導我哪裏出錯。請參閱此鏈接中的代碼jsfiddle link。以下是代碼的一部分。

div.menu ul li a, div.menu ul li a:visited { 
     background-color: blue; 
     font-family: "Arial"; 
     font-size: 12px; 
     border: 1px Green solid; 
     color: #ffffff; 
     display: block; 
     line-height: 1.35em; 
     padding: 4px 20px; 
     text-decoration: none; 
     white-space: nowrap; 
     z-index: 999; 
    } 

請幫忙。

Answer 1

這是不透明的，它只是定位在其他頁面元素。

這是你錯過了一切：

.MenubarDiv { 
    position:relative; /* this guy */ 

fiddle demo