У меня есть расширяемое меню css, которое ведет себя немного странно в ie, но отлично работает в firefox.Любой, кто может мне помочь, ценится.
Вот в чем проблема.Когда я щелкаю по li, он расширяется до сублимала, однако, если я удерживаю мышь прямо над li, на которую я только что щелкнул, текст в сабли не отображается.Посмотрите на это изображение ... обратите внимание, где находится мышь, и обратите внимание, что рядом с сабли нет текста.Якорный тег представлен пунктирной линией.
Если переместить мышь вправо (или в любое место вне текста «Лос-Анджелес»), появится субли-лий.,
Обратите внимание на мышь и лий, который появляется на этой картинке:
Вот CSS и HTML:
<HTML lang="en_US" sizcache="7062" sizset="0">
<HEAD>
<STYLE>
ul.left_menu{
position:relative;
float:left;
width:100%;
}
ul.left_menu li>a:hover{
cursor: pointer;
}
ul.left_menu li {
list-style-type:none;
position:relative;
padding-top: 5px;
clear:both;
}
ul#nav{
text-indent:15px;
}
#nav li > ul{
display:none;
padding-left:15px;
text-indent:15px;
}
#nav li {
line-height:11px;
}
#nav > li{
clear: both;
padding-left:15px;
line-height:11px;
}
A {
TEXT-ALIGN: left;
TEXT-DECORATION: none;
outline: none
}
</STYLE>
</HEAD>
<BODY>
<UL id="nav" class="left_menu">
<LI>
<A >Los Angeles</A>
<UL>
<LI>
<A>Commercial Properties</A>
<UL>
<LI>
<A>Office</A>
</LI>
<LI>
<A>Industrial</A>
</LI>
<LI>
<A>Retail</A>
</LI>
</UL>
</LI>
</ul>
</li>
</ul>
</body>
</html>
Спасибоза вашу помощь.