我有一个运行良好的垂直下拉菜单。不过,我有一个无法处理的错误。
你可以在这里找到我的菜单: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;
}