下拉菜單對齊在IE7中錯誤

Question

我幾乎完成了優化我的IE7樣式表（我第一次做過），但仍然存在一個問題。我有一個下拉菜單，在所有其他瀏覽器（包括IE8 +）中工作良好，但在IE7中對齊錯誤。出於某種原因，子菜單在下一個菜單項下對齊。例如;從第1項的子菜單項目2下對齊的，從第2項子菜單項3等下對齊

這裏是我的HTML（partitial）：

<div id="main_nav"> 
<ul id="main_nav_list"> 
    <li><a href="#">START</a> 
<ul> 
    <li><a href="#">Contact</a></li> 
    <li><a href="#">Twee</a></li> 
    <li><a href="#">Derde</a></li> 
    <li><a href="#">Laatste</a></li> 
</ul> 
</li> 
    <li><a href="#">LEVEN</a></li> 
    <li><a href="#">MOBILITEIT</a></li> 
    <li><a href="#">VRIJE TIJD</a></li> 
</ul> 
</div> 

這是我的CSS（partitial）：

#main_nav { 
float:right; 
height:40px; 
margin-left:6px; 
margin-top:90px; 
position:absolute; 
width:780px; 
} 

#main_nav_list li { 
display:inline; 
min-width:100px; 
position:relative; 
text-decoration:none; 
} 

#main_nav_list li a { 
color:#222; 
font-family:Absolut_Pro, Helvetica, sans-serif; 
font-size:1.1em; 
margin-left:5px; 
margin-right:10px; 
text-decoration:none; 
} 

#main_nav_list li a:hover { 
border-bottom:2px solid #db002a; 
color:#db002a; 
} 

#main_nav_list ul { 
background-color:#FFF; 
margin-top:20px; 
padding-top:20px; 
position:absolute; 
width:180px; 
} 

#main_nav_list ul li { 
background-image:url('images/list_bg.png'); 
background-repeat:no-repeat; 
background-position:4% 50%; 
border-bottom:1px dotted #666; 
float:left; 
font-size:0.7em; 
padding-left:15px; 
width:165px; 
} 

#main_nav_list ul a { 
display:block; 
font-family:Arial, Helvetica, sans-serif; 
padding:5px 0; 
} 

#main_nav_list ul a:hover { 
border:none; 
text-decoration:none; 
} 

任何想法？

在此先感謝

Answer 1

添加這些的：

#main_nav_list ul { 
margin:0; 
bottom:0; 
left:0 
}