动画对象上的可点击链接

Question

我的动画气球有问题。我希望整个气球可以点击，因为鼠标指针在气球上方。目前只有气球的底部是可点击的，并且当鼠标悬停在气球上时变成指针光标。任何人都可以在下面的代码中看到我做错了吗？

索引页面上的Baloon：

<a href="contactus.html"><div style="cursor: pointer;" class="baloon"></div></a>

CSS文件：

.baloon {
  width:375px;
  height:490px;
  background:url('../images/balloon.png');
  background-repeat: no-repeat;
  margin-left: 435px;
  position: absolute;
  top: 180px;
  z-index: 90;
}

气球上下动画jQuery。 （可以发布更多的动画代码）