在Wordpress中悬停时，如何修复子环菜单无法点击？

Question

我有一个关于自定义wordpress主题中的一些子环菜单的问题在鼠标悬停时无法点击，如下面的截图：

这里是style.css

.ringMenu:hover ul li.bottom {
  bottom: -180px;
  left: -90px;
  background: url(img/fanart.png) no-repeat scroll left/ 95% 80%;
  width: 90%;
  z-index: -1;
}

.ringMenu:hover ul li.bottom a { 
  color: #fff;
  text-decoration: none;
  width: 95%;
  line-height: 27.0;
  font-size: 2.0rem;
  font-weight: 700;
}

.ringMenu:hover ul li.bottom a:hover { 
  color: #ccc;
}

/* Right Ring */

.ringMenu:hover ul li.right {
  bottom: -180px;
  left:40px;
  width: 90%; 
  background: url(img/community.png) no-repeat scroll left/95% 80%;
  z-index: -1;  
}

.ringMenu:hover ul li.right a { 
  color: #fff;
  text-decoration: none;
  width: 99%;   
  line-height: 27.0;
  font-size: 2.0rem;
  font-weight: 700;   
}

.ringMenu:hover ul li.right a:hover { 
  color: #ccc;
}

有关详细信息，请查看on this link。我该怎么办呢？

之前谢谢