如何纠正 Firefox 中侧边栏的固定定位？

我的网页中有以下 HTML，我想将侧边栏固定在左侧。它在 Chrome 中工作正常，但 Firfox 没有将侧边栏显示为固定：

<div id="sidebar">
    <!-- Logo -->
        <div >
            <h1>Heading</h1>
        </div>
            <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><a href="#target1" >About</a></li>
                        <li><a href="#target2" >Works</a></li>
                        <li><a href="#target3" >Our Team</a></li>
                        <li><a href="#target4" >Contact</a></li>
                    
                    </ul>
                </nav>
                       
</div>

上面代码的CSS是：

#sidebar
{
    position: fixed;
    top: 0;
    padding: 3em 1.35em 1em 1.15em;
    height: 100%;
    width: 12em; 
    background: #364050 ;
    box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
}

请建议我一些解决方案，以便侧边栏在 Firefox 中保持固定。

检查你的 body css 标签、元数据以及任何可能影响该 div 的内容。也许有另一个 CSS 规则覆盖了那个“位置” 另外，如果您有 css3 标签或正文 css 中存在错误，例如，transform: translate3d(0px, 0px, 0px);这可能会导致 Firefox 中的固定位置中断。