Cross Browser Select Box

select {
  padding: 10px;
  border: 1px solid #e7e7e7;
  border-radius: 0;
  background: #fff url("../images/select-arrow.png") no-repeat 96% center;

  /* for chrome & safari */
  -webkit-appearance:none;

  /* for firefox */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';

  /* for IE */
  &::-ms-expand{
    display: none;
  }
  &:focus::-ms-value {
    background: transparent;
  }
}

96% can be changed to 97% or more to suite your own needs based on available width and select-arrow.png size