html - option tag css styling issue on Safari -

i trying style <option> tags. it's working in chrome , firefox need work on safari too. can see first image chrome , second image safari. appreciated.

chrome:

safari:

.wrap select {      margin-bottom: 0;      width: 100%;      min-height: 400px;  }  .wrap select option {      background-color: #f9f9f9;      margin-bottom: 2px;      padding: 12px 15px;  }    .wrap select option:checked,  .wrap select option:focus,  .wrap select option:active   {      background-color: #f8981d;      background: -webkit-gradient(linear, left top, left bottom, from(#f8981d), to(#f8981d));      background: -webkit-linear-gradient(#f8981d, #f8981d);      background: -o-linear-gradient(#f8981d, #f8981d);      background: linear-gradient(#f8981d, #f8981d);      font-weight: 600;    }  .wrap select option:hover {      background-color: #aab3c3;      color: #f9f9f9;  }

<div class="wrap span5">  	<label>teams</label>  		<select class='list filterselect' data-target='select-family' id='select-city' multiple="multiple">  			<option value='1' data-reference='1'>team 1</option>  			<option value='2' data-reference='2'>team 2</option>  			<option value='3' data-reference='3'>team 3</option>  			<option value='4' data-reference='4'>team 4</option>  </select>  </div>