jQuery自动完成奇怪的填充

Question

我对jQuery Autocomplete有一个奇怪的问题。
我试图找到我的问题而不是。

您可以通过此图片查看我的问题：

我的输入和我的第一个结果之间有一个奇怪的高度。

我提出的CSS代码是：

.ui-autocomplete {
z-index: 1000;
}

.ui-helper-hidden-accessible {
display: none;
}

.ui-autocomplete {
width: 50px;
list-style: none;
background: #454545;
}

.ui-autocomplete:hover {
width: 100%;
background: #4a4a4a;
}

.ui-menu .ui-menu-item a { 
color: #00aacd;
border: 1px solid #454545;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

HTML：

<div class="inputdiv">
  <label class="label" for="one_input">
    Input 1 <sup><span class="star">*</span></sup>
  </label>
  <input id="one_input" type="text" name="inputone" class="input_ajout" value="">
</div>

[...]

<script type="text/javascript">
  $(function() {
    var availableTags = [
      "test","retret","erzaerz","4sqd54cd54","sfdqdfsq","rezareza","akjjfqhjkdfsq",
    ];
    $( "#one_input" ).autocomplete({
  source: availableTags
});
  });
</script>