Estoy tratando de lograr dos cosas con DropDown.

Primero quiero envolver el texto en la lista de opciones dentro de un menú desplegable.Segundo, quiero poner un borde después de cada opción

y quiero soportar IE (y otros navegadores también).

Esto se debe a que tendría un texto largo en el menú desplegable y no deseo cortarlos. Por eso, quiero hacer las cosas antes mencionadas.

Algo como esto:-

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

seleccione el que tiene "Igual con el formato de texto de opción, seleccione una dirección". Observe cómo se formatean las opciones y tenga un borde inferior con cada una de ellas.

Esto es lo que probé (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>