IE7でドロップダウンメニューが正しく整列されていない

Question

IE7用にスタイルシートを最適化するのがほぼ完了しましたが（初めてでした）、まだ1つの問題があります。私は、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 
}