Javascript 显示重叠项的jQuery UI菜单

我用jQuery UI创建的菜单在其分支上与子菜单重叠：

这是你的电话号码

HTML:

CSS

这是基本的代码，如果你认为它没有错，完整的代码在。

---

如果您没有发现任何问题，请告诉我，可能只是客户端的问题，看看这是否适合您

.ui-menu .ui-menu-item {
    ...
    width: 133px;
    ...
}

---

非常感谢！在我之前问的一个问题中，他们说把它改为14%。。。。我很困惑..他们给出的原因是什么，或者他们试图解决的问题是什么？

$(document).ready(function () {
    $("#menu").menu();
})

.ui-menu {
    list-style: none;
    padding:0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0px;
    padding: 0px;
    width: 14%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;
    base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width:0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    /* support: IE7 */
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}
.ui-widget {
    font-family: Computerfont;
    font-size: 16px;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Computerfont;
    font-size: 1em;
}
.ui-widget-content {
    background: #000;
    color: #ffffff;
}
.ui-widget-content a {
    color: #ffffff;
    border:1px solid white;
    width:120px;
}
.ui-widget-header {
    border: 3px solid #000000;
    background: black;
    color: #222222;
    font-weight: bold;
}
.ui-widget-header a {
    color: #222222;
}

.ui-menu .ui-menu-item {
    ...
    width: 133px;
    ...
}