html - 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

非常感谢