Eu estou tentando conseguir duas coisas com o DropDown.

Primeiro, quero Quebrar o texto na lista de opções dentro de um menu suspenso.Em segundo lugar, quero colocar uma borda depois de cada opção

e eu quero apoiar o IE (e outros navegadores também).

Isso é porque eu teria texto longo no menu suspenso e não gostaria de cortá-los. Por essa razão, quero fazer as coisas acima mencionadas.

Algo assim:-

http://jsfiddle.net/fnagel/GXtpC/embedded/result/

selecione aquele com "Mesmo com a formatação de texto da opção, selecione um endereço". Observe como as opções são formatadas e têm um fundo de borda com cada uma delas.

Aqui está o que eu tentei (Texto): -

.myselect {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myselect option {
  white-space: nowrap;
  width: 100% border-bottom: 1px #ccc solid;
  /* This doesn't work. */
}

<select name="d" class="myselect">
  <option value="sdf" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf2" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf3" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf4" class="test1"> line text How to wrap the big line text </option>
</select>