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

どうもありがとうございました