Изменить стиль Select с помощью jQuery

(function($){
 $.fn.extend({
 
 	customStyle1 : function(options) {
	  if(!$.browser.msie || ($.browser.msie&&$.browser.version>6)){
	  return this.each(function() {
 
			var currentSelected = $(this).find(':selected');
			$(this).after('<span class="select1"><span class="customStyleSelectBoxInner">'+currentSelected.text()+'</span></span>').css({position:'absolute', opacity:0,fontSize:$(this).next().css('font-size')});
			var selectBoxSpan = $(this).next();
			var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) -parseInt(selectBoxSpan.css('padding-right'));
			var selectBoxSpanInner = selectBoxSpan.find(':first-child');
			selectBoxSpan.css({display:'inline-block'});
			selectBoxSpanInner.css({width:selectBoxWidth, display:'inline-block'});
			var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
			$(this).height(selectBoxHeight).change(function(){
				selectBoxSpanInner.text($('option:selected',this).text()).parent().addClass('changed');
			});
 
	  });
	  }
	}
 });
})(jQuery);

$(document).ready(function() {
	$('.select1').customStyle1();
  });

<select name="name" class="select1">
	<option value="">Опция 1</option>
	<option value="">Опция 2</option>
	<option value="">Опция 3</option>
	<option value="">Опция 4</option>
	<option value="">Опция 5</option>
	<option value="">Опция 6</option>
</select>

.select1  {
	width:410px;
	height:32px;
	color:#909090;
	font:12px Arial, Tahoma, Helvetica, Verdana;
	text-align:left;
	background:url(images/sel1.png) no-repeat; /*изображение для оформления селекта*/
	line-height:30px;
	white-space:nowrap; /* запрещаем перенос */
	padding:0 22px 0 12px; /* отступ справа с учетом стрелочки */
	border:0;
	zoom:1; /* для IE6 */
	margin:3px 0 5px 0;
}