小编Aer*_*ish的帖子

我的下拉菜单链接周围的填充不可点击。当我将鼠标悬停在实际文本上时，它会改变颜色并变得可点击。如何使填充可点击？我读到我应该将它的样式设置为内联块，但这不起作用。这也是我的第一篇文章，因此请纠正我可能做错的无数事情。CSS：

    body {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 20px 50px 150px;
  font-size: 13px;
  text-align: left;
  background-position:center;
  background-image:url(sun.jpg);
}
a {
    display:inline-block;
    color: #6FF;
    text-decoration: none;
}
a:hover {
    color: #FFF;
}
ul {
    color:#6FF
  text-align: left;
  display: inline-block;
  margin: 0;
  padding: 1px 1px 1px 0;
  list-style: none;
}
ul li {
    color: purple;
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -10px;
  position: relative;
  padding: 20px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; …