水平下拉菜單（子菜單）在Chrome中的位置不同，ie9，firefox和safari

Question

我花了3天的時間試圖找出這個問題，並不能提出一個可行的解決方案。

我甚至嘗試過使用JavaScript加載爲每個瀏覽器量身打造的樣式表，但即使這樣也行不通。

我的問題是我的水平菜單（http://mydomainsample.com/fire_rebuild）顯示完全正常，但是當我在safari或firefox中加載時，子菜單的方式已經過時了。奇怪的是IE（9）比另外兩個更接近正確，但即使這樣也不太正確。

我玩過的樣式表試圖弄清楚，但是當我在fff，safari或Safari中正確使用它時，它已經在Chrome中搞砸了。

我似乎找不到適用於所有瀏覽器的解決方案。

有人可以幫我找到解決辦法嗎？ 我嘗試使用不同的菜單，但這看起來是最好的和任何垂直滴iive使用給我Z菜單和幻燈片，我似乎無法修復索引問題。

Answer 1

我不認爲src是鏈接標記的可選屬性。用前兩個的hrefs替換它。當我查看Firefox中的頁面時，我沒有看到上面導入的兩個文件。

這些鏈接標籤中文件的順序也非常重要。

HREF = 「樣式表/ reset.css」

HREF = 「樣式表/尾聲滑塊-2.0.css」

我不知道你是否已經有了他們，但Firefox和Chrome有螢火蟲和網頁開發插件，使生活更輕鬆。

Answer 2

jQuery已更新至v1.7.2;我會更新你所有的插件&看看是否有幫助。

Answer 3

首先，刪除您申請的所有JavaScript以匹配不同的瀏覽器。 然後在style.css的線路83取出width:750px;和left: 548px;（UL＃資產淨值李：懸停> UL）

希望這將解決您的問題

而且你的頁面寬度爲1220px。堅持960px的寬度，以便與小屏幕尺寸兼容。