CSS下拉菜單怪怪

Question

我想實現一個下拉菜單（可在gosu.pl/menu，下拉菜單1，例如1）

但我很奇怪的是我有不同的不同效果瀏覽器，而不是在通常的IE瀏覽器中亂糟糟的方式。

我在我的本地主機上，並使用cakephp（雖然這不應該有所作爲）。當我通過FF查看菜單看起來不錯，並且下拉位出現在那裏它應該see

，但如果我按CTRL + F5鍵清空緩存並刷新頁面就變成this

奇怪的是，如果我點擊f5重新加載頁面，它恢復正常，然後按Ctrl + F5再次回到wonkey。

我已經在IE中測試過，即使重新加載，所有版本都可以正常運行。無論什麼，歌劇和罰款都是萬能的，但歌劇是好的。

我已經比較了html和css，當顯示wonkey和normal時，一切都完全一樣。任何人都可以啓發我問題是什麼？我猜想一些關於緩存的問題，但爲什麼它會在不同的瀏覽器中有所不同？

對不起，我不能發佈HTML或CSS因爲我在我的本地機器上。

幫助！

Answer 1

我個人不喜歡使用表格作爲菜單項。更好的做法是將列表與列表項一起使用。

div#mainmenu_bottom ul {  
    list-style:none; 
    margin:0px; 
    padding:0px;  
} 

div#mainmenu_bottom ul li { 
    padding:0px; 
    margin:0px; 
    display:inline; 
    float:left; 
    height:25px; 
} 

div#mainmenu_bottom ul li ul { 
    display:none; 
    filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    -khtml-opacity: 0.9; 
    opacity: 0.9; 
    border-width:0px 1px 1px 1px; 
} 

div#mainmenu_bottom ul li:hover ul { 
    position:absolute; 
    top:236px; 
    padding:0px; 
    margin:0px 0px 0px -5px;  
    width:150px; 
    display:block;  
    border:1px solid #00451A; 

} 

div#mainmenu_bottom ul li li { 
    width:140px; 
    padding:5px; 
    border:1px solid #00451A; 
    border-width:0px 1px 1px 0px; 
    background-color:#00451A; 
    margin:0px; 
    height:15px; 
    cursor:pointer; 
} 

div#mainmenu_bottom ul li li:hover { 
    background-position:-50px -4px; 
    background-image:url('../images/interface/bg_block_groot.jpg'); 
} 

結構會是這樣

<div id="mainmenu_bottom"> 
    <ul> 
     <li><a href="" class="mainmenu">Test 1</a></li> 
     <li><a href="" class="mainmenu">Test 2</a></li> 
     <li> 
      <ul> 
       <li>link 1</li>  
       <li>link 2</li> 
       <li>link 3</li> 
      </ul> 
      <a href="" class="mainmenu">Test 3</a> 
     </li>    
    </ul> 
</div>