Javascript 菜单中的下拉列表在单击之前消失

更新：Rohit Azad提供的解决方案有效，非常感谢

我在论坛上搜索了很多关于这个问题的解决方案，但由于我不知道编码，我不确定什么适用于我，什么不适用于我。所以，如果这是一个经常解决的问题，我深表歉意，但我将非常感谢您的帮助

经过多次尝试和错误，我终于在导航栏上找到了一个页面下拉列表；但是，当我点击一个子页面时，整个菜单就会消失。我读过其他类似的问题，其中有一个保证金太大的问题，但我认为我的保证金设置为“0”

该博客位于：

我在子页面中没有内容，但在html/javascript小部件中有链接

我也在Chrome、Mozilla和Safari中研究过它，这是同一个问题

我也不确定这是一个javascript、css还是html问题，所以请友好地回答——我只是个新手

非常感谢任何能在这方面帮助我的人

以下是我在小部件中使用的脚本：

<ul id="jsddm">
<li><a href="http://swirlstwirlsblog.blogspot.com.au/">Home</a>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/sparkles">Sparkles</a>
</li>

<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/friendship">Friendship</a>
</li>

<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/humour">Humour</a>
</li>

<li><a href="">About</a>
<ul>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/about_16.html">Us</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contributers.html">Contributors</a>    </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/advertising.html">Advertising</a>  </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/privacy-policies.html">Privacy</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contact.html">Contact</a></li>
</ul>
</li>
</li></ul> 

<pre>#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}

#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
padding: 5px 10px;
border-right: 1px color: eeeeee;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: crushed;
text-decoration: none;
vertical-align: middle;
}

#jsddm li a:hover {
background: #C8C8C8;
}

#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}

#jsddm li ul li {
float: none;
display: inline;
}

#jsddm li ul li a {
width: auto;
background: #ffffff;
}

#jsddm li ul li a:hover {
background: #eeeeee;

}</pre>

下面是我放在模板中的html代码：

#jsddm{
保证金：0；
填充：15px；
z指数：100000000；
位置：相对位置；
}
#李建东{
浮动：左；
列表样式：无；
字体：12px塔荷马，Arial；
}
#李安{
显示：块；
空白：nowrap；
利润：1倍3倍；
填充物：5px10px；
右边框：1px颜色：eeeeee；
文本阴影：#ffffff 0 1px 0；
颜色：#363636；
字体大小：15px；
字体系列：压碎；
文字装饰：无；
垂直对齐：中间对齐；
}
#李安：悬停{
背景：#C8C8C8；
}
#李小龙{
保证金：0；
填充：0；
位置：绝对位置；
可见性：隐藏；
边框顶部：1px纯白；
}
#李宇利{
浮动：无；
显示：内联；
}
#李宇利律师事务所{
宽度：自动；
背景：#ffffff；
}
#李永利：悬停{
背景：#eeeeee；
}

您好，现在将

z-index

您的

#jsddm li ul

定义如下

结果为

#jsddm li ul{
z-index:1;
}