HTML5 / CSS3-IE11与chrome和Firefox的显示导航栏不同

我们只是重新设计了我公司的网站，在2页中，我们有一个导航栏，该导航栏具有以下文章的锚点。

我们使用Firefox和Chrome进行工作，在显示和对齐列表方面没有任何错误。但是我们实际上发现该显示在IE11上非常糟糕（在Edge中也是如此，但行为也有所不同）。

我拼命地试图找出所有这些浏览器之间的折衷方案，以使代码可以在任何地方使用。

这是IE11中混乱的部分

在这里它应该如何显示（在firefox / chrome中有效）：

此外，在Firefox和Chrome中，我们以可视化的方式显示了该图标，该图标未出现在IE11中。

你们会帮助我们弄清楚如何解决此问题吗？

谢谢

**编辑：这是这些显示的主要CSS上的内容：**

#menu-logiciel ul {
    display: inline-table;
    margin-bottom: 0;
}
#menu-logiciel {
    text-align: center;
}
#menu-logiciel li a {
    display: inline-block;
    width: 180px;
    text-decoration: none;
    color: #005898;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    font-size: 140%;
    font-weight: bold;
    height: 90px;
}
 #menu-logiciel li {
         display:inline; 
      }

这是html代码：

<div id="menu-logiciel">

    <ul class="paragraphes-articles" style="padding-left: 0;">
    <li class="liens-rubriques"><a href="/index.php/it-engineering#anchorwipbox"><i class="uk-icon-chevron-down"></i> CONSULTING ET AUDIT</a></li>
    <li class="liens-rubriques"><a href="/index.php/it-engineering#anchorcamille"><i class="uk-icon-chevron-down"></i> BUSINESS INTELLIGENCE</a></li>
    <li class="liens-rubriques"><a href="/index.php/it-engineering#anchorcairm" id="tma"><i class="uk-icon-chevron-down"></i>TMA</a></li>
    <li class="liens-rubriques"><a href="/index.php/it-engineering#anchortoolbox" style=" width: 185px;padding-left: 10px;"><i class="uk-icon-chevron-down"></i> INTEGRATION DE SERVICES</a></li>

</ul>
</div>