在IE中修復下拉菜單對齊

Question

我目前正在處理一些客戶端工作，並利用我構建的簡單下拉菜單。它似乎在大多數瀏覽器中都能正常工作，除IE外。調試一直是一個真正的痛苦，因爲IE瀏覽器並沒有真正提供很多見解，而且我還沒有能夠指出確切的問題。

下拉是一個有position: absolute的div，它包含三個<ul>'s。從我所知道的情況來看，div的定位是好的，但第一個ul的寬度應該是它應該是的兩倍，沒有明確的理由，因此看起來好像整個dropwdown沒有被正確地分配。

下拉列表可以在這裏找到：fatumdemo.platonlearning.com。移動頂部菜單中的菜單項（藍色）可以看到問題。

這段代碼對於所有帖子都非常冗長，但如果需要更多關於結構和CSS的信息，我很樂意發佈它。

Answer 1

的問題是這樣一個事實，我用比其它元素li作爲ul的子女。 Internet Explorer顯然不容忍這種行爲，不像所有其他瀏覽器，並將其他元素視爲列表項，因此我的下拉列表被放在IE中的錯誤列表項中。

Answer 2

喬伊，

1）#navigation UL李--->添加的位置是：相對於屬性

2）#navigation UL利.dropdown ----->把寬度：450像素至500像素

3）#navigation ul li .dropdown ul -----> put width：160px或更高。

主要問題的原因是寬度，相對的，在添加相對於絕對位置是父元素和寬度和高度必須是必須將其絕對元件