聚合物纸 - 菜单 - 下拉错误

Question

在Google Chrome上，下拉菜单（点击时）显示在屏幕中间，然后在图标菜单上方正确对齐。这是一张能够更好地描述它的图像。

我确信这不是一个CSS问题，因为它在FireFox上完全正常，但在Chrome上却没有。

代码：

<paper-toolbar class="navbar-inverse">

  <paper-menu-button>
    <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
      <paper-menu class="dropdown-content">
        <paper-item><a href="#">Questions</a></paper-item>
        <paper-item><a href="#">Opinions</a></paper-item>
        <paper-item><a href="#">Codes</a></paper-item>
      </paper-menu>
  </paper-menu-button>

  <span class="title">CodeIts</span>
  <ul class="navbar-nav list-inline">
    <li>
        <paper-button class="signup" ink="circle">Sign up</paper-button>
    </li>
    <li>
        <paper-button class="login" ink="circle">Log in</paper-button>
    </li>
  </ul>
</paper-toolbar>