i am trying to get ie7 to behave like other browsers in a form with a very wide "select" like a country listing. i want there to be a width on the "select", but let the "options" width overflow as necessary. the only javascript that halfway allows this, something like i am using...
$(function() { $("select").mousedown(function(){ if($.browser.msie) { $(this).css("width","auto"); } }); $("select").change(function(){ if ($.browser.msie) { $(this).css("width","125px"); } }); $("select").blur(function(){ if ($.browser.msie) { $(this).css("width","125px"); } }); }); the problem with this solution is it also widens the whole select which may break the layout here is sample with country list: http://www.roxstyle.com/projects/blssi/cms/de-tool/proj-distribution.html are there better resolutions for this that just work on the options but not the whole select?