かなりうまく機能している垂直ドロップダウンメニューがあります。ただし、対処できないバグが1つあります。
ここで私のメニューを見つけることができます:テストページ
このメニューは、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;
}