Html IE 11错误：嵌套导航元'；t以块格式显示

我有一个嵌套导航，除了IE 11之外，其他浏览器都可以正常工作。 HTML格式如下：

<nav id="nav">
        <div class="left">
            <div class="holder">
                <ul class="leftside-menu">
                    <li class="show-menu"><a href="">Benefits</a>
                        <ul class="leftside-nested-menu">
                            <li><a href="Design.aspx">Design</a></li>
                            <li><a href="Performance.aspx">Performance</a></li>
                            <li><a href="Installation.aspx">Installation</a></li>
                        </ul>
                    </li>
                    <li class="hideIt"><a href="Design.aspx">Design</a></li>
                    <li class="hideIt"><a href="Performance.aspx">Performance</a></li>
                    <li class="hideIt"><a href="Installation.aspx">Installation</a></li>
                    <li><a style="z-index: 10;" href="Testing.aspx">Testing</a></li>
                    <li><a class="getWidth" href="Resources.aspx">Resources</a></li>
                    <li><a href="map">Map</a>
                </ul>
            </div>
        </div>
</nav>

我不知道还有什么其他选择。我在IE开发者工具中尝试过display:inline，它对垂直显示有效，但它把它推到了一边。它不考虑相对父对象内的绝对定位。 还有什么其他办法可以让这一切顺利进行吗？ 提前谢谢。 代码笔：

这是我的IE 11中显示的内容，如果我将其更改为。显示菜单：悬停。左侧嵌套菜单显示为内联块：

---

在IE11和最新的FF中的工作原理相同。我会为.leftside菜单和.show使用内联块-menu@G-请看我所附的图片。为什么它向左移动这么远？它应该是在利益。必须有一些其他css规则暗示或在html结构中的打字错误。你的密码笔没有表现出那种有趣的行为。

            .leftside-menu {
                display: inline;
                padding: 0;
            }

                .leftside-menu li {
                    display: inline;
                    list-style-type: none;
                    position: relative;
                }

            .leftside-nested-menu {
                position: absolute;
                display: none;
                z-index: -1;
            }

                .leftside-nested-menu li:nth-child(n+2) a {
                    margin: 0;
                }

            .show-menu:hover > a {
                color: #b99a3a;
            }

            .show-menu:hover .leftside-nested-menu {
                display: inline-block;
                top: 40px;
            }

            nav.sticky .leftside-nested-menu {
                background-color: rgba(255, 255, 255, 0.95);
                padding: 0 25px 15px;
            }

            .leftside-menu li.hideIt {
                display: none;
            }

            @media only screen and (max-width: 1028px) {
                .leftside-menu li.hideIt {
                    display: block;
                }

                .leftside-menu li.show-menu, .leftside-menu li.show-menu a {
                    display: none;
                }
            }