css可扩展菜单在Firefox中正常工作，但不是，即... sub li没有正常显示

我有一个可扩展的CSS菜单，在IE中有点奇怪，但在Firefox中工作正常。任何人都可以帮助我，我很感激。css可扩展菜单在Firefox中正常工作，但不是，即... sub li没有正常显示

继承人的问题。当我点击li时，它会展开到sub li，但是，如果我将鼠标直接放在li上，我只需单击它，sub li中的文本就不会显示。看到这幅图...注意鼠标的位置，并注意到子li旁边没有文字。锚标签由虚线表示。

alt text

如果我把鼠标移动到右侧（或任何超出文本“洛杉矶”）的子力的展现出来。

注意，现在的鼠标和李的这张图片显示出来：

alt text

继承人的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>

感谢您的帮助。

来源

2010-10-01 Ronedog

这被称为Peek-a-boo错误。下面是错误的解释和解决办法如下：

http://www.positioniseverything.net/explorer/peekaboo.html

来源

2010-10-01 02:54:59 Stephen

谢谢...我读了什么他们并没有完全帮助，但他们的网页（hasLayout的）上的链接带我去的一些信息关于缩放：1，我知道它不是css3的一部分，但是当我将它放在'#nav li> ul'下的代码中时，它工作......不知道原因，但我很高兴现在。感谢您的帮助 – Ronedog 2010-10-01 03:18:15

很高兴您将它修好了！ – Stephen 2010-10-01 13:29:25

css可扩展菜单在Firefox中正常工作，但不是，即... sub li没有正常显示

回答

相关问题