如何消除我的下拉菜單中的幻影邊距？

Question

我有一個運行良好的垂直下拉菜單。不過，我有一個錯誤，我無法處理。

你可以在這裏找到我的菜單：test Page

菜單工作在Internet Explorer罰款（除第一子菜單有點下降，我可以用（加分生活，如果你知道這是關於）但在其他瀏覽器中，我的背景從子菜單返回到主菜單。「邊距」是從哪裏來的？

到目爲爲我發現它與我的樣式有關我的li:hover兒童

從我的CSS潛在有用的片段

ul#menu3{ 
display:block; 
left:20px; 
margin:0; 
width:10em; 
padding:0; 
position:absolute; 
list-style:none; 
} 
ul#menu3 li{ 
color:#000000;/* 
float:left;*/ 
position:relative; 
margin:0;/* 
margin-bottom:-1px;*/ 
line-height:31px; 
text-align:center; 
width:10em; 
padding:0; 
font-weight:bold; 
display:block; 
vertical-align:middle; 
background-image:url(../../../menu4/awmdata/button-tile.gif); 
} 
ul#menu3 li:hover ul{ 
text-align:center; 
vertical-align:bottom; 
background-image:url(../../../menu4/awmdata/button-tile.gif); 
background-repeat:repeat; 
left:auto; 
margin-top:-31px; 
} 
ul#menu3 li ul{ 
position:absolute; 
left:-999em; 
margin-left:10em; 
margin-top:-31px; 
} 
ul#menu3 li ul li{ 
color:#000000; 
margin:0; 
left:auto; 
padding:0; 
font-weight:bold; 
} 

Answer 1

棒這在你styles.css的頂部

ul, li { 
    margin: 0; 
    padding: 0; 
} 

當使用菜單的無序列表，它總是一個好主意，所以你必須與你的佈局，從更好地控制去除margin和padding開始