如何使用Firefox中的定位链接解决此问题？

Question

我的网站在Chrome和Safari中显示为我希望的样子，但是在Firefox中，我必须多次单击导航栏中的链接才能将其移动到页面上的正确位置。 有人有任何建议吗？

我的网站在www.sukhdevparhar.com 代码示例：

<div id="top"><img src="https://www.sukhdevparhar.com/images/logo.png" width="100%"></div>
<ul class = "header">
<li><a href="#photography">Photography</a></li>
    <li><a href="#comedy">Comedy</a></li>
    <li><a href="#poetry">Poetry</a></li>
    <li><a href="#vlogs">Vlogs</a></li>
    <li><a href="#about">About Me</a></li>
    <li><a href="#contact">Contact</a></li>
</ul>
...
<div class="fluidleft"><span class="anchor" id="comedy"></span><h2>Comedy</h2>...</div>

如果有人可以解决此问题，我将非常感激！