Yahoo Pure Heading Error Alignment

Question

以下Yahoo Pure.io代码在Chrome，IE中正常运行。但不是在Firefox中。菜单假设是这样的，

标题菜单1菜单2菜单3菜单4

但在Firefox中，

标题

               Menu1 Menu2 Menu3 Menu4

以下是代码。

<div class="header">
    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
        <a class="pure-menu-heading" href=""">Heading</a>
        <ul class="pure-menu-list">
            <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Home</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Menu1</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Menu2</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Menu3</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Menu4</a></li>
        </ul>
    </div>
</div>

Fiddle