jQuery UI选择下拉菜单的定位仅在Chrome中被1px关闭

Question

我一直试图让我的jQuery UI Select下拉列表在Chrome上对齐一段时间。它关闭1px但是列表和父span.ui-selectmenu-button都是＆＃34; 151px＆＃34;。

所有其他浏览器都显示正确。

我一直在仔细阅读计算机样式但却找不到任何东西。 它以常见的方式实例化：

 $("#mainlanguage").selectmenu();

jQuery使用的选择框上有基本样式。 （SCSS） jquery ui语言！选择

.mainSearch{
.ui-selectmenu-button {
    background:$upsbrown;
    outline-style:none!important; // reset

    &.ui-state-hover{
        border:0;
        border-radius:0;
    }
        border:0;
        border-radius:0;
        left: 63.3%;
    span{
        background-color: $upsbrown;
        background-position: 93.5% center;
        //border-top: 1px solid $navtext; 
        color: $navtext;
        font-size: 11px;
        line-height: 18px;
        position: relative;
        padding-left: 6px;
        max-width: 151px;
        height: 21px;
        z-index: 400;
        webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        &:focus{
               -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
        }
    }
}

}