.hideoverflow {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border: solid #DCDFE3 1px
}
.hideoverflow select {
  padding: 4px;
  margin: -5px -20px -5px -5px;
}

<div class="hideoverflow">
  <select size="7">
    <option id="A">A</option>
    <option id="B">B</option>
    <option id="C">C.....</option>
    <option id="D">D</option>
    <option id="E">E</option>
    <option id="F">F</option>
  </select>
</div>