html - リストボックスが Chrome で正しく表示されない

Question

こんにちは、リストボックスに背景色と境界線を追加しようとしていますが、オプションの右側と下部に白い帯が表示されています。各項目にカーソルを合わせると、適切に再配置されます。

  <select>
     <option>Hello</option>
     <option>World</option>
  </select>​

そしてCSSは

  select {
    background: Red;
    border: 1px solid #ccc;
    color: white;
    width: 100px;  
  }
  select option{
    margin : 0   
  }

  select:active {
    background: -webkit-linear-gradient(#666, white);
  }

こちらで動作をご覧ください。各オプションの右側とすべてのオプションの下部に白い帯が見えます。それを取り除く方法は？

Answer 1

追加option{background:red}

デモ