IE不会占用链接背景颜色的全高

Question

所有浏览器都显示我的网站不错，只有Internet Explorer没有。 我有一个CSS背景颜色设置菜单，我添加了填充以确保链接本身有空间。 Internet Explorer不采用底部填充。

这是HTML：

<div class="moduletable_menu">
  <ul class="nav menu">
     <li class="item-101 current active parent"><a href="/" >Reclamebureau</a></li>
     <li class="item-102"><a href="/contact.html" >Contact</a></li>
     <li class="item-125"><a href="/diensten.html" >Diensten</a></li>
     <li class="item-126"><a href="/portfolio.html" >Portfolio</a></li>
  </ul>
</div>

这是悬停和活动状态的CSS代码：

ul.menu li a:hover,
ul.menu li.active a,
ul.menu li.current a {
  display:inline;
  color: #ffffff;
  background-color: #9a5574;
  z-index:10;
  text-decoration:none;
  padding: 21px 14px 50px 14px;
}

这是我正在谈论的网站：www.appelmeule.com

非常感谢