after big search I got this code
$(document).ready(function(){ $('#program').wrap("<div class='wrapper'></div>"); $('.wrapper').after("<div class='selectArrow'/>"); $('.wrapper').find('select').mousedown(function(){ $(this).parent().next().addClass('selectArrow-mousedown').removeClass('selectArrow-mouseover'); }). mouseup(function(){ $(this).parent().next().removeClass('selectArrow-mousedown').addClass('selectArrow-mouseover'); }). hover(function(){ $(this).parent().next().addClass('selectArrow-mouseover'); }, function(){ $(this).parent().next().removeClass('selectArrow-mouseover'); }); $('.selectArrow').click(function(){ $(this).prev().find('select').focus(); }); $('.selectArrow').mousedown(function(){ $(this).addClass('selectArrow-mousedown').removeClass('selectArrow-mouseover'); }). mouseup(function(){ $(this).removeClass('selectArrow-mousedown').addClass('selectArrow-mouseover'); }). hover(function(){ $(this).addClass('selectArrow-mouseover'); }, function(){ $(this).removeClass('selectArrow-mouseover'); }); }); css for this .wrapper{ display: inline; float: left; width: 180px; overflow: hidden; } .selectArrow{ display: inline; float: left; width: 17px; height: 20px; border:1px solid #7f9db9; border-left: none; background: url('images/selectArrow.png') no-repeat 1px 1px; } .selectArrow-mousedown{background: url('images/selectArrow-mousedown.png') no-repeat 1px 1px;} .selectArrow-mouseover{background: url('images/selectArrow-mouseover.png') no-repeat 1px 1px;} attached is the image of my problem http://old.nabble.com/file/p26870017/program.png see the image does not align with the height of dropdown , please help me . please help me resolve this Charlie Tomlinson wrote: > > > > > > > IE gives limited support to what you can do to style selects. As > suggested use a plugin, of which there are many, that convert select's > to alternate html yet retain similar functionality > > fachhoch wrote: > > that did not help me , I tried google search but none of them worked > for > me , please, jquery experts tell me how to CONTROL WIDTH of dropdown IN IE > , > > > > > Scott Sauyet-2 wrote: > > > You might look at a plug-in like: > > http://code.google.com/p/dropdown-check-list/ > > Good luck, > > -- Scott > > > > > > > > > > > -- View this message in context: http://old.nabble.com/huge-drop-down-tp26720940s27240p26870017.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.